代码如下:
<?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">
<Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorAzure">
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content" //根据内容自适应
android:id="@+id/title_back"
android:src="@drawable/back"
android:background="null"/>
<TextView
android:id="@+id/title_name"
android:layout_height="wrap_content"
android:layout_width="match_parent" //匹配父类控件
android:text="@string/tool_name_baseinfomation"
android:gravity="center"
android:textSize="22sp" />
</Toolbar>
</RelativeLayout>
显示效果如下:
但是由于ImageButton这个控件占据了ToolBar的一些空间,所以导致TextView并没有完全展开,而是像下图一样。
这时候我选择把ImageButton控件拖到ToolBar下面,效果如下:
这里可以看到,TextView和ImageButton重叠了。
这样就完成啦,不过我觉得应该还有更好的办法,有望告知