菜单小谈

1、上下文菜单与选项菜单的区别:
—–>选项菜单是通过点击menu形成的,使用onCreatOptionMenu的方法来形成菜单。上下文菜单就好像我么在浏览器中长按空格,会出现全选,复制,粘贴等选项,使用onCreatContextMenu方法形成上下文菜单。

2、菜单选项可以使用两种方法来进行创建,但更推荐使用XML文件来定义。菜单资源文件通常放在/res/menu目录下,根元素是元素。

inflate()的作用就是将一个用xml定义的布局文件查找出来,注意与findViewById()的区别,inflate是加载一个布局文件,而findViewById则是从布局文件中查找一个控件。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ant Design Pro 是一个非常流行的企业级 UI 设计语言和 React 组件库,它提供了丰富的组件和模板,可以帮助开发者快速搭建高质量的企业级应用。 在 Ant Design Pro 菜单是非常重要的一部分,它可以帮助用户快速浏览和访问系统的各个功能模块。Ant Design Pro 的菜单支持多级嵌套,可以根据需要进行自定义。 如果想给 Ant Design Pro 菜单的二级菜单添加自定义的 icon,可以按照以下步骤进行操作: 1. 在项目引入需要使用的 icon。 在 Ant Design Pro ,可以使用 Ant Design 自带的 icon,也可以使用自定义的 icon。如果要使用自定义的 icon,需要在项目引入需要使用的 icon。 2. 在菜单配置指定 icon。 在菜单配置,可以指定菜单的 icon。对于二级菜单,需要在菜单配置的 children 属性指定 icon。例如: ```javascript { path: '/dashboard/analysis', name: '分析页', icon: 'dashboard', component: './Dashboard/Analysis', children: [ { path: '/dashboard/analysis/realtime', name: '实时数据', icon: 'line-chart', component: './Dashboard/Analysis/Realtime', }, { path: '/dashboard/analysis/offline', name: '离线数据', icon: 'bar-chart', component: './Dashboard/Analysis/Offline', }, ], }, ``` 在上述代码,分析页的二级菜单实时数据和离线数据分别指定了 line-chart 和 bar-chart 作为 icon。 3. 在菜单组件使用 icon。 在 Ant Design Pro 菜单组件使用的是 antd 的 Menu 组件。如果要在菜单显示 icon,需要在 Menu.Item 组件使用 icon 属性。例如: ```javascript <Menu.Item key={menuItem.path}> <Link to={menuItem.path}> {menuItem.icon && <Icon type={menuItem.icon} />} <span>{menuItem.name}</span> </Link> </Menu.Item> ``` 在上述代码,如果 menuItem 包含 icon 属性,就会在菜单项的左侧显示对应的 icon。 通过以上步骤,就可以在 Ant Design Pro 的菜单为二级菜单添加自定义的 icon。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值