安卓APP_ 控件（7）——Toolbar栏目样式

摘自：安卓APP_ 控件（7）——Toolbar栏目样式
作者：丶PURSUING
发布时间： 2021-04-02 15:42:07
网址：https://blog.csdn.net/weixin_44742824/article/details/115395997

Toolbar栏目样式

什么是Toolbar?
设置细节见具体代码
ToolBar当然也可以在.java中进行设置
控件的嵌套运用：TextView放在Toolbar中
ToolBar的导包问题

什么是Toolbar?

在这里插入图片描述
改为NoActionBar，创建属于自己的栏目样式

如下图，自定义了Toolbar样式和其中的navigationIcon返回设置

在这里插入图片描述

设置细节见具体代码

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     设置高度为系统的actionBar高度logo                    很少设置navigationIcon          这个图标一般多设置为返回箭头subtitle                子标题一般少设置，出现在主标题的下方subtitleTextColor       子标题文本颜色title                   当前页的主标题titleMarginStart        主标题距离左边的间距titleTextColor          主标题文本颜色设置前缀为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="    监控中"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);//这个返回的图标等待被点击，点击后执行的操作。toolbar.setNavigationOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Log.e("zhua", "onClick: toolbar被点击了");}});}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

ToolBar当然也可以在.java中进行设置

例如：

MainActivity.java

Toolbar toolbar2 = findViewById(R.id.tool_return_2);
toolbar2.setNavigationIcon(R.drawable.ic_baseline_keyboard_return_24);
setTitle("标题");
toolbar2.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Log.e("zhua", "onClick: toolbar2被点击了");}
});
1
2
3
4
5
6
7
8
9

控件的嵌套运用：TextView放在Toolbar中

如何把主标题放在正中间呢？老知识新用法罢了，控件的组合：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标题"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