ToolBar控件的使用<二> 不通过菜单项设置ToolBar

之前简单讲述了通过菜单项设置TooBar的样式,这次我想不去借助其他控件或者对ActionBar的设置,用ToolBar做出我需要的状态栏效果。

  • 首先是效果图:
    效果图
  • Toolbar控件的使用

<1>隐藏ActionBar控件

关于如何隐藏ActionBar控件请参看上篇文章 ToolBar控件的使用<一> 通过菜单项设置ToolBar,这里不再进行描述。

<2> 把ToolBar控件放入到布局文件中
这里并不是通过设置ToolBar自身的属性来实现状态栏风格,而是通过ToolBar包裹其他控件实现的;

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context=".Toolbar.ToolBarActivity_01">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:src="@mipmap/background02" />

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:background="?attr/colorPrimary"
        android:layout_height="?attr/actionBarSize">

        <ImageView
            android:id="@+id/ic_menu_back"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="left"
            android:paddingLeft="15dp"
            android:paddingRight="15dp"
            android:scaleType="centerInside"
            android:background="?attr/selectableItemBackground"
            android:theme="@style/AppTheme.Button"
            android:src="@mipmap/ic_menu_back" />

        <TextView
            android:id="@+id/tv_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="我是标题"
            android:textColor="#FFFFFF"
            android:textSize="20sp"
            android:textStyle="bold" />

        <ImageView
            android:id="@+id/ic_menu_setting"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="right"
            android:paddingLeft="15dp"
            android:paddingRight="15dp"
            android:scaleType="centerInside"
            android:background="?attr/selectableItemBackground"
            android:theme="@style/AppTheme.Button"
            android:src="@mipmap/ic_menu_setting" />
    </android.support.v7.widget.Toolbar>

</RelativeLayout>

整个Activity的风格和上篇文章中Activity的风格是一致的,不再细说,需要一提的是本次还为布局文件中的ImageView添加了MaterialDesign的水波纹效果,而且去除了悬浮效果,关键的两个属性就是

 android:background="?attr/selectableItemBackground"
 android:theme="@style/AppTheme.Button"

风格AppTheme.Button:

<!--水波纹按钮效果-->
<style name="AppTheme.Button" parent="Widget.AppCompat.Button">
    <item name="colorButtonNormal">@color/colorPrimary</item>//按钮默认颜色
    <item name="colorControlHighlight">@color/colorPrimaryDark</item>//按钮按下的水波纹改变颜色
</style>

最后是整个Activity的java代码:

public class ToolBarActivity_02 extends AppCompatActivity implements View.OnClickListener {


    private ImageView ic_menu_back;
    private ImageView ic_menu_setting;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_tool_bar_02);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
       getSupportActionBar().setDisplayShowTitleEnabled(false);
        ic_menu_back = (ImageView) findViewById(R.id.ic_menu_back);
        ic_menu_setting = (ImageView) findViewById(R.id.ic_menu_setting);
        ic_menu_back.setOnClickListener(this);
        ic_menu_setting.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.ic_menu_back:
                Toast.makeText(ToolBarActivity_02.this,"返回按钮被点击",Toast.LENGTH_SHORT).show();
                break;
            case R.id.ic_menu_setting:
                Toast.makeText(ToolBarActivity_02.this,"设置按钮被点击",Toast.LENGTH_SHORT).show();
                break;
        }
    }
}

代码中的getSupportActionBar().setDisplayShowTitleEnabled(false)是为了不让ToolBar的默认title显示出来,关于ActionBar的几个常见设置,如有疑惑请参考ActionBar的几个基本属性设置这篇文章。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值