ToolBar 设置返回键

作者: 穿越平行宇宙 | 来源:发表于2019-04-15 20:03 被阅读116次

    toolbar设置返回键以及点击事件

    注意 :
    Tollbar 要想自定义设置、使用,必须有以下两个步骤:

    1. 在styles.xml文件中设置
    <resources>
    
        <!-- Base application theme. -->
        <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
            <!-- Customize your theme here. -->
            <item name="colorPrimary">@color/colorPrimary</item>
            <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
            <item name="colorAccent">@color/colorAccent</item>
        </style>
        <!-- Base application theme. -->
        <style name="NoAppTheme" 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>
    
    </resources>
    
    1. 在清单文件中,修改theme属性
    <?xml version="1.0" encoding="utf-8"?>
    <manifest xmlns:android="http://schemas.android.com/apk/res/android"
        package="sx.example.guolei.toolbar_text">
    
        <!-- 修改“application”中的theme是把所有的“activity”的theme都修改了 -->
        <!-- 修改“activity”中的theme是只修改了当前页面的toolbar -->
        <application
            android:allowBackup="true"
            android:icon="@mipmap/ic_launcher"
            android:label="@string/app_name"
            android:roundIcon="@mipmap/ic_launcher_round"
            android:supportsRtl="true"
            android:theme="@style/NoAppTheme">
            <activity android:name=".MainActivity"
                  android:theme="@style/NoAppTheme">
                <intent-filter>
                    <action android:name="android.intent.action.MAIN" />
    
                    <category android:name="android.intent.category.LAUNCHER" />
                </intent-filter>
            </activity>
        </application>
    
    </manifest>
    
    • xml 文件

    activity_main.xml

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout 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"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".MainActivity">
    
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolBar"
            app:navigationIcon="@mipmap/b"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@color/colorBlank"
            app:title="">
    
        </android.support.v7.widget.Toolbar>
    
    </LinearLayout>
    

    colors.xml

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <color name="colorBlank">#1D2122</color>
    </resources>
    
    • java 文件
    public class MainActivity extends AppCompatActivity {
    
        private Toolbar mToolBar;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            initView();
        }
    
        private void initView() {
            // 获取控件对象
            mToolBar = (Toolbar) findViewById(R.id.toolBar);
    
            // 设置当前页面使用的ToolBar
            setSupportActionBar(mToolBar);
    
            // 设置导航(返回图片)的点击事件
            mToolBar.setNavigationOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    // 退出当前页面
                    finish();
                }
            });
        }
    }
    
    • 使用的图片如下:


      b.jpg

    相关文章

      网友评论

        本文标题:ToolBar 设置返回键

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