Android之路

导航

Toolbar的简单使用

  Toolbar:android5.0新增的控件。代替ActionBar,比ActionBar更灵活。

测试:仿照“QQ中的标题栏”

1、设置标题栏全屏且与应用背景同色,首先需要对当前Activity的theme进行如下设置:

<style name="QQTheme" parent="AppBaseTheme">        
        <!-- 仅实现下述两项即可     无标题 + 窗体透明 ,即可出现标题栏同色 -->
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowTranslucentStatus">true</item>
</style>

 

2、关于Toolbar的设置如下:

<Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="80dp"
                android:background="@color/qq_blue"
                android:elevation="4dp"                //android:elevation="4dp"设置控件的阴影
                android:paddingTop="30dp"
                android:popupTheme="@style/ToolbarPopUpTheme"
                android:theme="@style/ToolbarTheme"
                android:title="仿QQ_标题栏"               
             android:contentInsetLeft="0dp"            
                android:contentInsetStart="0dp"
/>

<style name="ToolbarTheme" parent="android:Theme.Material">
        <item name="android:windowActionBar">false</item>
        <item name="android:windowNoTitle">true</item>
</style>
<style name="ToolbarPopUpTheme" parent="android:Theme.Material.Light" />

说明:

(1)android:title="仿QQ_标题栏"    标题,默认当前项目名称;若想置为空,则需要设置一个空格即可,但不可以""空字符串,否则无效。另一种解决方法是,完全可以自定义布局,设置宽度为match_parent,此时就不会显示标题了。

(2)android:contentInsetLeft="0dp"  设置toolbar左边/开头无空间,右侧同理,contentInsertRight/End,是为了解决左侧出现空白的情况。具体参考原文

 

posted on 2019-07-25 11:49  Android之路  阅读(554)  评论(0编辑  收藏  举报