toolbar的一些属性说明

          在上一篇使用toolBar作为标题栏并使状态栏透明已经使用toolbar作为标题栏,现在再记录一些toolbar的常用属性说明。

      1.设置导航图标(左边的图标,常用于返回按钮)

      mToolbar.setNavationIcon(R,mipmap.ic_launch);//设置图标,可根据需求自行设置

       //在xml中设置系统的导航图标

      toolbar:navigationIcon="?attr/homeAsUpIndicator"

      //设置监听

   mToolbar.setNavigationOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        finish();
    }
});

      2.设置标题

       mToolbar.setTitle("Title");

      3.设置子标题

     mToolbar.setSubtitle("subtitle");
      4.设置app图标

   mToolbar.setLogo(R.mipmap.ic_launcher);

        5.设置menu菜单

     A.在res创建menu文件夹。

     B.创建main_menu.xml文件在menu文件夹下

<menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
      tools:context=".MainActivity">
    <item android:id="@+id/action_settings"
          android:title="@string/action_settings"
          android:orderInCategory="100"
          app:showAsAction="always"
          android:icon="@android:drawable/ic_menu_always_landscape_portrait"/>
      <item android:id="@+id/action_search"
            android:title="@string/action_settings"
            android:orderInCategory="100"
            app:showAsAction="always"
           android:icon="@android:drawable/ic_menu_always_landscape_portrait"/>
      <item
          android:id="@+id/menu"
          android:orderInCategory="100"
          android:title="null"
          app:showAsAction="never"
          >
            <item android:icon="@drawable/abc_ic_menu_cut_mtrl_alpha"
                  android:title="搜搜"
                  android:id="@+id/action_cut"
                  app:showAsAction="never"/>
            <item android:icon="@drawable/abc_ic_menu_cut_mtrl_alpha"
                  android:title="更多"
                  android:id="@+id/action_cut1"
                  app:showAsAction="never"/>
      </item>
</menu>


       C.在Activity中引用布局
  

     @Override
  public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.menu_main, menu);
    return true;
}

       D.设置监听

mToolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
    @Override
    public boolean onMenuItemClick(MenuItem item) {
        int menuItemId = item.getItemId();
        if (menuItemId == R.id.action_search) {
            Toast.makeText(ToolBarAttributeActivity.this ,"搜索" , Toast.LENGTH_SHORT).show();

        } else if (menuItemId == R.id.action_settings) {
            Toast.makeText(ToolBarAttributeActivity.this , "通知" , Toast.LENGTH_SHORT).show();

        } else if (menuItemId == R.id.action_cut) {
            Toast.makeText(ToolBarAttributeActivity.this ,"设置", Toast.LENGTH_SHORT).show();

        } else if (menuItemId == R.id.action_cut1) {
            Toast.makeText(ToolBarAttributeActivity.this ,"更多" , Toast.LENGTH_SHORT).show();

        }else if(menuItemId==R.id.menu){
            Toast.makeText(ToolBarAttributeActivity.this ,"菜单" , Toast.LENGTH_SHORT).show();
        }
        return true;
    }
});
      

     E.设置子菜单在ToolBar下面,需要在style中设置

<item name="overlapAnchor">false</item>  <!--把该属性改为false即可使menu位置位于toolbar之下-->
    

     F:设置右边三个点的颜色, 需要在style中设置

<item name="android:textColorSecondary">#ffffff</item>

     

        6.在清单件中设置属性

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             xmlns:app="http://schemas.android.com/apk/res-auto"
             android:layout_width="match_parent"
             android:layout_height="match_parent">

    <android.support.v7.widget.Toolbar
        android:minHeight="?attr/actionBarSize"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/id_tool_bar"
        android:paddingTop="@dimen/toolbar_padding_top"
        android:background="?attr/colorPrimary"
        app:navigationIcon="?attr/homeAsUpIndicator"
        app:title="@string/app_name"
        app:logo="@mipmap/ic_launcher"
        app:subtitle="@string/app_name"
        >
    </android.support.v7.widget.Toolbar>
</FrameLayout>

效果图  :


     



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
`xmSelect.render` 方法用于渲染一个下拉框组件,其中 `prop` 属性用于配置组件的一些属性和行为,具体包括: - `name`: 下拉框的 `name` 属性,默认值为 `xm-select` - `layVerify`: 下拉框的校验规则,可以是一个字符串或数组,例如 `'required'` 或 `['required', 'number']`,具体参考 layui 的表单验证规则 - `layVerType`: 下拉框的校验提示方式,可以是 `alert` 或 `tips`,默认值为 `tips` - `filterable`: 是否开启搜索功能,可以是 `true` 或 `false`,默认值为 `false` - `filterMethod`: 搜索方法,可以是一个函数,接受两个参数:搜索关键字和选项数据,返回一个数组,数组中的每个元素都是一个符合搜索条件的选项对象 - `laySearch`: 是否开启 layui 的搜索框样式,可以是 `true` 或 `false`,默认值为 `false` - `toolbar`: 顶部工具栏,可以是一个字符串或数组,例如 `'clear'` 或 `['clear', 'select']`,具体参考 xm-select 的 API 文档 - `clearable`: 是否开启清空功能,可以是 `true` 或 `false`,默认值为 `false` - `height`: 下拉框的高度,可以是一个字符串或数字,例如 `'200px'` 或 `200`,默认值为 `auto` - `laySkin`: 下拉框的皮肤,可以是一个字符串,例如 `'molv'` 或 `'default'`,默认值为 `default` - `layFilter`: 下拉框的过滤器,可以是一个字符串,例如 `'demo1'`,具体参考 layui 的表单过滤器 - `autoRow`: 自动计算行数,可以是 `true` 或 `false`,默认值为 `false` - `showCount`: 显示选中数量,可以是 `true` 或 `false`,默认值为 `false` - `direction`: 弹出方向,可以是 `'auto'`、`'up'` 或 `'down'`,默认值为 `'auto'` - `layStrict`: 是否严格模式,可以是 `true` 或 `false`,默认值为 `false` - `data`: 下拉框的选项数据,可以是一个数组,数组中的每个元素都是一个选项对象,选项对象包括 `name` 和 `value` 两个属性,例如 `[{name: '选项1', value: '1'}, {name: '选项2', value: '2'}]` - `dataUrl`: 下拉框的选项数据来源,可以是一个字符串,例如 `'data.json'`,也可以是一个函数,返回一个 Promise 对象,例如 `() => fetch('data.json').then(res => res.json())` - `delay`: 下拉框数据加载的延迟时间,单位为毫秒,默认值为 `0` - `remoteSearch`: 是否开启远程搜索功能,可以是 `true` 或 `false`,默认值为 `false` - `remoteMethod`: 远程搜索方法,可以是一个函数,接受两个参数:搜索关键字和选项数据,返回一个 Promise 对象,对象的值为一个数组,数组中的每个元素都是一个符合搜索条件的选项对象 - `remoteUrl`: 远程搜索接口地址,可以是一个字符串,例如 `'/api/search'`,也可以是一个函数,返回一个字符串,例如 `(keyword) => '/api/search?keyword=' + keyword` - `remoteMethodAuto`: 是否自动触发远程搜索,可以是 `true` 或 `false`,默认值为 `false` - `create: 是否开启自定义项功能,可以是 `true` 或 `false`,默认值为 `false` - `createMethod`: 自定义项方法,可以是一个函数,接受一个参数:输入框中的文本,返回一个字符串,表示新建的选项的值 - `createTag`: 自定义项的标签,可以是一个字符串,例如 `'自定义'`,默认值为 `'新建:'` - `max`: 最多可选数量,可以是一个数字,例如 `3`,默认值为 `1` - `on`: 事件监听,可以是一个对象,对象的属性为事件名称,值为事件处理函数,例如 `{select: (val, item) => console.log(val, item)}`,具体参考 xm-select 的 API 文档 以上就是 `prop` 属性的详细说明

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值