美文网首页手机移动程序开发Android知识
Android开发-----Toorbar组件使用

Android开发-----Toorbar组件使用

作者: _小小庄 | 来源:发表于2017-01-15 16:19 被阅读0次

    Toorbar组件介绍

    Toolbar是在 Android 5.0 开始推出的一个 Material Design 风格的导航控件 ,Google 推出的 Toorbar取代之前的 ActionbarActionbar 相比, Toolbar 明显要灵活的多,可以放到界面的任意位置。除此之外,在设计 Toolbar 的时候,Google也留给了开发者很多可定制修改的余地,根据API可以知道Toorbar有如下功能:

    • 设置导航栏图标
    • 设置App的logo
    • *支持设置标题和子标题 *
    • *支持添加一个或多个的自定义控件 *
    • *支持Action Menu *

    效果浏览

    *来自_小小庄*

    使用Toorbar

    官方提供了Toolbar,也提供了Support library向下兼容的支持包,如果是5.0以下的需要添加如下依赖
    compile 'com.android.support:appcompat-v7:23.3.0'
    然后因为Toorbar要替代之前的Actionbar ,所以要隐藏之前的Actionbar,直接在res/values/style.xml修改:NoActionBar即可,

       <!-- Base application theme. -->
        <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
            <!-- Customize your theme here. -->
            <item name="colorPrimary">@color/colorPrimary</item>
            <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
            <item name="colorAccent">@color/colorAccent</item>
        </style>
    
    

    然后在activity_main布局文件中加入:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:orientation="vertical"
        android:layout_height="match_parent">
        <android.support.v7.widget.Toolbar
            android:id="@+id/id_toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#AFAFff"
            android:elevation="4dp"
            >
            <!-- 自定义控件显示-->
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="TextView"/>
        </android.support.v7.widget.Toolbar>
    </LinearLayout>
    

    布局文件中的android:elevation="4dp"代表控件的阴影高度
    在res目录先新建menu文件夹,再在menu文件下新建menu_seting.xml文件,追加内容如下:

    <?xml version="1.0" encoding="utf-8"?>
    <menu xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto">
        <item
            android:id="@+id/share"
            android:title="分享"
            android:icon="@drawable/share"
            android:orderInCategory="3"
            app:showAsAction="ifRoom" />
        <item
            android:id="@+id/cacle"
            android:title="取消"
            android:orderInCategory="1"
            app:showAsAction="never" />
        <item
            android:id="@+id/setting"
            android:title="设置"
            android:icon="@drawable/setting"
            android:orderInCategory="4"
            app:showAsAction="ifRoom" />
        <item
            android:id="@+id/change"
            android:orderInCategory="2"
            android:title="改变"
            app:showAsAction="never" />
    </menu>
    

    菜单布局文件中的item 的showAsAction属性,

    • always:总是显示在界面上
    • never:不显示在界面上,只让出现在右边的三个点中
    • ifRoom:如果有位置才显示,不然就出现在右边的三个点中

    在这补充下Android中菜单资源的相关知识,

    菜单资源文件必须放在res/menu目录中。菜单资源文件必须使用<menu>标签作为根节点。除了<menu>标签外,还有另外两个标签用于设置菜单项和分组,这两个标签是<item>和<group>。
    <menu>标签没有任何属性,但可以嵌套在<item>标签中,表示子菜单的形式。不过<item>标签中不能再嵌入<item>标签。

    1.<item>标签的属性含义如下:
    - Id:表示菜单项的资源ID
    - menuCategory:同种菜单项的种类。该属性可取4个值:Container、system、secondary和alternative。通过menuCategroy属性可以控制菜单项的位置。例如将属性设为system,表示该菜单项是系统菜单,应放在其他种类菜单项的后面。
    - orderInCategor:同种类菜单的排列顺序。该属性需要设置一个整数值。例如menuCategory属性值都为system的3个菜单项(item1、item2和item3)。将这3个菜单项的orderInCategory属性值设为3、2、1,那么item3会显示在最前面,而item1会显示在最后面。
    - title:菜单项标题(菜单项显示的文本)
    - titleCondensed:菜单项的短标题。当菜单项标题太长时会显示该属性值
    - icon:菜单项图标资源ID
    - alphabeticShortcut:菜单项的字母快捷键
    - numericShortcut:菜单项的数字快捷键
    - checkable:表示菜单项是否带复选框。该属性可设计为true或false
    - checked:如果菜单项带复选框(checkable属性为true),该属性表示复选框默认状态是否被选中。可设置的值为true或false
    - visible:菜单项默认状态是否可视
    - enable:菜单项默认状态是否被激活

    -2.<group>标签的属性含义如下:

       - id:表示菜单组的ID
       - menuCategory:与<item>标签的同名属性含义相同。只是作用域为菜单组
       - orderInCategory:与<item>标签的同名属性含义相同。只是作用域为菜单组
       - checkableBehavior:设置该组所有菜单项上显示的选择组件(CheckBox或Radio Button)。如果将该属性值设为all,显示CheckBox组件;如果设为single,显示Radio Button组件;如果设为none,显示正常的菜单项(不显示任何选择组件)。要注意的是
       - visible:表示当前组中所有菜单项是否显示。该属性可设置的值是true或false
       - enable:表示当前组中所有菜单项是否被激活。该属性可设置的值是true或false
    

    然后在MainActivity.java中设置相关属性:

    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.support.v7.widget.Toolbar;
    import android.view.MenuItem;
    import android.view.View;
    import android.widget.Toast;
    
    public class MainActivity extends AppCompatActivity {
        private Toolbar toolbar;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            toolbar= (Toolbar) findViewById(R.id.id_toolbar);
            toolbar.setNavigationIcon(R.drawable.navigation_bar);//设置导航栏图标
            toolbar.setLogo(R.drawable.app_logo);//设置app logo
            toolbar.setTitle("Title");//设置主标题
            toolbar.setSubtitle("Subtitle");//设置子标题
            toolbar.inflateMenu(R.menu.menu_seting);//设置右上角的填充菜单
            //设置toorbar的左侧导航栏图标点击事件
            toolbar.setNavigationOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Toast.makeText(MainActivity.this,"导航栏图标",Toast.LENGTH_LONG).show();
                }
            });
           //设置右侧填充菜单中的Item点击事件
            toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
                @Override
                public boolean onMenuItemClick(MenuItem item) {
                    switch (item.getItemId()){
                        case R.id.cacle:
                            Toast.makeText(MainActivity.this,"取消",Toast.LENGTH_LONG).show();
                            break;
                        case R.id.share:
                            Toast.makeText(MainActivity.this,"分享",Toast.LENGTH_LONG).show();
                            break;
                        case R.id.setting:
                            Toast.makeText(MainActivity.this,"设置",Toast.LENGTH_LONG).show();
                            break;
                        case R.id.change:
                            Toast.makeText(MainActivity.this,"改变",Toast.LENGTH_LONG).show();
                            break;
                        default:break;
                    }
                    return true;
                }
            });
        }
    }
    

    相关文章

      网友评论

        本文标题:Android开发-----Toorbar组件使用

        本文链接:https://www.haomeiwen.com/subject/wliybttx.html