点击menu键弹出的选项菜单

package com.amaker.optionmenu;

import android.app.Activity;

import android.os.Bundle;

import android.view.Menu;

import android.view.MenuItem;

import android.widget.Toast;

public class MainActivity extends Activity {

public static final int ITEM1 = 1;

public static final int ITEM2 = 2;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

}



@Override

public boolean onCreateOptionsMenu(Menu menu) {

menu.add(0, ITEM1, 0, "Open");

menu.add(0, ITEM2, 0, "Close");

return true;

}



@Override

public boolean onOptionsItemSelected(MenuItem item) {

// Context

switch (item.getItemId()) {

case ITEM1:

Toast.makeText(this, item.getTitle(), Toast.LENGTH_LONG).show();

break;

case ITEM2:

Toast.makeText(this, item.getTitle(), Toast.LENGTH_LONG).show();

break;

default:

break;

}

return super.onOptionsItemSelected(item);

}

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现uni-app的tabbar点击弹出菜单,可以采用以下方式: 1. 首先在tabbar中添加一个按钮或者图标,用来触发弹出菜单。 2. 在按钮或者图标的点击事件中,弹出一个自定义组件,用来展示子菜单内容。 3. 在子菜单组件中,通过绝对定位或者fixed定位来实现子菜单的展示。可以使用uni-app提供的组件如popup来实现。 4. 在子菜单组件中,定义好需要展示的子菜单选项,并且绑定对应的点击事件。 5. 在子菜单选项点击事件中,可以执行对应的操作,比如跳转到相应的页面等。 下面是一个示例代码: ``` // Tabbar.vue <template> <view> <view>首页</view> <view>分类</view> <view>购物车</view> <view>我的</view> <view @click="showSubMenu">更多</view> <sub-menu v-show="showSubMenuFlag"></sub-menu> </view> </template> <script> import SubMenu from '@/components/SubMenu.vue' export default { components: { SubMenu }, data() { return { showSubMenuFlag: false } }, methods: { showSubMenu() { this.showSubMenuFlag = true } } } </script> // SubMenu.vue <template> <view class="sub-menu"> <view @click="gotoPage('message')">消息</view> <view @click="gotoPage('setting')">设置</view> <view @click="gotoPage('help')">帮助中心</view> </view> </template> <script> export default { methods: { gotoPage(page) { // 跳转到对应的页面 uni.navigateTo({ url: '/' + page }) } } } </script> <style> .sub-menu { position: fixed; top: 50px; left: 0; width: 100%; background-color: #fff; z-index: 999; } .sub-menu view { padding: 10px; font-size: 16px; color: #000; border-bottom: 1px solid #ddd; } </style> ``` 以上代码实现了一个简单的tabbar点击弹出菜单的功能。点击tabbar中的“更多”按钮,就会弹出一个子菜单,展示“消息”、“设置”、“帮助中心”等选项点击对应选项可以跳转到相应的页面。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值