摘自：安卓APP_ 控件（7）——Toolbar欄目樣式
作者：丶PURSUING
發(fā)布時(shí)間： 2021-04-02 15:42:07
網(wǎng)址：https://blog.csdn.net/weixin_44742824/article/details/115395997

Toolbar欄目樣式

• 什么是Toolbar?
• 設(shè)置細(xì)節(jié)見(jiàn)具體代碼
• ToolBar當(dāng)然也可以在.java中進(jìn)行設(shè)置
• 控件的嵌套運(yùn)用：TextView放在Toolbar中
• ToolBar的導(dǎo)包問(wèn)題

什么是Toolbar?

改為NoActionBar，創(chuàng)建屬于自己的欄目樣式

如下圖，自定義了Toolbar樣式和其中的navigationIcon返回設(shè)置

設(shè)置細(xì)節(jié)見(jiàn)具體代碼

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"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><!-- ?attr/actionBarSize 設(shè)置高度為系統(tǒng)的actionBar高度logo 很少設(shè)置navigationIcon 這個(gè)圖標(biāo)一般多設(shè)置為返回箭頭subtitle 子標(biāo)題一般少設(shè)置，出現(xiàn)在主標(biāo)題的下方subtitleTextColor 子標(biāo)題文本顏色title 當(dāng)前頁(yè)的主標(biāo)題titleMarginStart 主標(biāo)題距離左邊的間距titleTextColor 主標(biāo)題文本顏色設(shè)置前綴為app表示用的是androidx里面的屬性而不是安卓自帶的 --><androidx.appcompat.widget.Toolbarandroid:id="@+id/tool_return"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"android:background="@color/teal_200"app:logo="@drawable/ic_baseline_loyalty_24"app:navigationIcon="@drawable/ic_baseline_keyboard_return_24"app:subtitle=" 監(jiān)控中"app:subtitleTextColor="#ff0000"app:title="智能家居"app:titleMarginStart="90dp"app:titleTextColor="@color/purple_700" /></LinearLayout>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33

MainActivity.java

public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);Toolbar toolbar = findViewById(R.id.tool_return);//這個(gè)返回的圖標(biāo)等待被點(diǎn)擊，點(diǎn)擊后執(zhí)行的操作。toolbar.setNavigationOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Log.e("zhua", "onClick: toolbar被點(diǎn)擊了");}});} }

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18

ToolBar當(dāng)然也可以在.java中進(jìn)行設(shè)置

例如：

MainActivity.java

Toolbar toolbar2 = findViewById(R.id.tool_return_2); toolbar2.setNavigationIcon(R.drawable.ic_baseline_keyboard_return_24); setTitle("標(biāo)題"); toolbar2.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Log.e("zhua", "onClick: toolbar2被點(diǎn)擊了");} });

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9

控件的嵌套運(yùn)用：TextView放在Toolbar中

如何把主標(biāo)題放在正中間呢？老知識(shí)新用法罷了，控件的組合：TextView放在Toolbar中

<androidx.appcompat.widget.Toolbarandroid:id="@+id/tool_return_2"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"android:layout_marginTop="20dp"android:background="#ffff00"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:gravity="center"android:text="TextView標(biāo)題"android:textSize="22dp"android:textColor="#ff0000"android:textStyle="bold" /></androidx.appcompat.widget.Toolbar>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18

效果如下圖：

---

ToolBar的導(dǎo)包問(wèn)題

可能會(huì)遇到的ToolBar的導(dǎo)包問(wèn)題：

要把下面這個(gè)修改
導(dǎo)入正確的包

總結(jié)

以上是生活随笔為你收集整理的安卓APP_ 控件（7）——Toolbar栏目样式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。