5-VVI-材料设计之ToolBar

一:Toolbar简单使用

1.color.xml中(颜色效果见下图):

    <color name="zise">#9370DB</color><!-- 紫色 -->
    <color name="goldenrod">#DAA520</color><!-- 金麒麟色 -->
    <color name="aqua">#00FFFF</color><!-- 浅绿色 -->
    <color name="cornflowerblue">#6495ED</color><!-- 菊兰色 -->
    <color name="ghostwhite">#F8F8FF</color><!-- 幽灵白 -->

2.style.xml:

<resources>
    <style name="BaseTheme" parent="Theme.AppCompat">
        <!--状态栏颜色-->
        <item name="colorPrimaryDark">@color/goldenrod</item>
        <!--toorbar颜色-->
        <item name="colorPrimary">@color/zise</item>
        <!--文字颜色-->
        <item name="android:textColorPrimary">@color/cornflowerblue</item>
        <!--内部控件强调色-->
        <item name="colorAccent">@color/aqua</item>
        <!--背景色-->
        <item name="android:windowBackground">@color/ghostwhite</item>
    </style>
</resources>

3.为测试colorAccent,activity_main.xml中加入EditText:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="zdl.toolbartest.MainActivity">

<EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</LinearLayout>

4.AndroidManifest.xml中使用(<application中,作用全局;<activity中,作用当前):

android:theme="@style/BaseTheme"

5.使用效果:

使用效果.jpg


二:自定义ToolBar

1.添加无栏样式:
 <style name="NoBar" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimaryDark">@color/goldenrod</item>
        <item name="colorPrimary">@color/zise</item>
        <item name="colorAccent">@color/aqua</item>
        <item name="android:textColorPrimary">@color/cornflowerblue</item>
        <item name="android:windowBackground">@color/ghostwhite</item>
</style>
2.AndroidManifest.xml中使用(<activity中):
android:theme="@style/NoBar"

20171217110251718.jpg

3.activity_main.xml中加入Toolbar:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    tools:context="zdl.toolbartest.MainActivity">
 
<android.support.v7.widget.Toolbar
    android:id="@+id/my_tb"
    app:logo="@drawable/xl"
    app:title="捷特"
    app:subtitle="天下无双"
    app:navigationIcon="@drawable/head"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/zise"
    >
</android.support.v7.widget.Toolbar>
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
 
</LinearLayout>

20171217112916509.jpg

4.使用代码:
public class MainActivity extends AppCompatActivity {
 
    private Toolbar mTb;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mTb = (Toolbar) findViewById(R.id.my_tb);//通过id获取mTb对象
        mTb.setLogo(R.drawable.xl);//logo
        mTb.setTitle("捷特!");//主标题
        mTb.setSubtitle("天下无双");//副标题
        mTb.setNavigationIcon(R.drawable.head);//最左端图标
    }
}

20171217114829903.jpg


三:menu使用

1.menu_main.xml(其中要注意 app:showAsAction="always" 使小图标显示)

<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="zdl.toolbartest.MainActivity">
    <item
        android:id="@+id/bar_add"
        android:orderInCategory="1"
        android:icon="@drawable/add"
        android:title="添加"
        app:showAsAction="always"/>
 
    <item
        android:id="@+id/bar_delete"
        android:icon="@drawable/delete"
        android:orderInCategory="2"
        app:showAsAction="always"
        android:title="设置"/>
    <item
        android:id="@+id/bar_refresh"
        android:icon="@drawable/refresh"
        android:orderInCategory="3"
        app:showAsAction="always"
        android:title="刷新"/>
</menu>
2.MainActivity.java中:
 @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main, menu);//添加菜单
        return true;
}
3.可以使用Toolbar添加菜单子项的点击事件:
 mTb.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                switch (item.getItemId()) {
                    case R.id.bar_add:
                        //TODO: something
                        Zutil.Toastshow("添加");
                        break;
                    case R.id.bar_delete:
                        //TODO: something
                        Zutil.Toastshow("删除");
                        break;
                    case R.id.bar_refresh:
                        //TODO: something
                        Zutil.Toastshow("更新");
                        break;
                }
                return false;
            }
        });
    }

点击事件.jpg

后记、

1.声明:

[1]本文由张风捷特烈原创,转载请注明 [2]欢迎广大编程爱好者共同交流 [3]个人能力有限,如有不正之处欢迎大家批评指证,必定虚心改正 [4]你的喜欢与支持将是我最大的动力

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Android干货

安卓开发_慕课网_百度地图_添加覆盖物

31610
来自专栏项勇

笔记19 | 利用MediaRecorder实现录像

24510
来自专栏androidBlog

自定义 Behavior - 仿新浪微博发现页的实现

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/de...

1422
来自专栏向治洪

gradeview可拖动效果实现

下面先上这次实现功能的效果图:(注:这个效果图没有拖拽的时候移动动画,DEMO里面有,可以下载看看) ? 一、开发心里历程 刚开始接触这个的时候,不知道要如何实...

3498
来自专栏Android干货园

Android 高仿微信群聊头像

版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/49...

3122
来自专栏developerHaoz 的安卓之旅

Android 打造一个丝滑的自动轮播控件

现在很多的 App 都有自动轮播的 banner 界面,用于展示广告图片或者显示当前比较热门的一些活动,除了具备比较酷炫的效果之外,通过轮播的方式来减少对界面的...

1362
来自专栏Sorrower的专栏

使用VideoView做个实用的视频播放器

1375
来自专栏向治洪

仿今日头条顶部导航效果

 之前发现很多人在群里面、论坛上求网易新闻客户端的源码,之后我就去下了个网易新闻客户端和今日头条新闻客户端,发现他们的大体是一样的,于是在最近的空闲时间,便去琢...

1K8
来自专栏Android干货园

Android自定义组合控件---教你如何自定义下拉刷新和左滑删除

版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/80...

1901
来自专栏Android开发指南

3.复杂的viewpager

3909

扫码关注云+社区

领取腾讯云代金券