android toolbar效果4

最新推荐文章于 2022-10-28 21:11:54 发布

转载最新推荐文章于 2022-10-28 21:11:54 发布 · 103 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yansc/p/7607565.html

本文详细介绍了如何在Android应用中使用Toolbar实现双标题显示，并在右侧添加按钮。通过XML布局代码示例，展示了如何设置Toolbar样式，包括背景色、最小高度、主题和弹出主题，以及如何在Toolbar中添加TextView和ImageView组件。

android toolbar效果4

两个标题的，右边一个按钮

activity_main.xml:

    <android.support.v7.widget.Toolbar
        style="style/toolbarStyle"
        android:id="@+id/my_toolbar"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:background="?attr/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="微信(32)"
            android:layout_gravity="left"
            style="@style/TextAppearance.AppCompat.Widget.ActionBar.Title"
            android:textSize="18sp"
            android:id="@+id/toolbar_title2" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="事业部讨论群"
            android:layout_gravity="center"
            style="@style/TextAppearance.AppCompat.Widget.ActionBar.Title"
            android:id="@+id/toolbar_title" />

        <ImageView
            android:id="@+id/bluetoothState"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/fm_detailitem_walk"
            android:contentDescription="content_description_bluetooth_status"
            android:padding="8dp"
            android:layout_marginRight="10dp"
            android:layout_gravity="right"/>
    </android.support.v7.widget.Toolbar>

View Code

styles.xml

<resources>

    <!-- 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>

        <item name="toolbarStyle">@style/Widget.AppCompat.Toolbar</item>
    </style>

</resources>