如何在操作栏/应用栏中对齐操作项和标题?
how to align action items & title in action bar/ app bar?
我是一名新的 android 开发人员,我制作了很多文档,直到我有了自己的 action bar with actions icon/items。但我想知道两件事:
- 如何对齐操作栏中心的标题(大量文档通过使用带有新 textView 的重力属性来显示它)?
- 如何对齐动作项目到动作栏的左边(因为它auto-positioned 在右边)?
TIP:最好在 XML.
中编码
这是我的操作栏
menu.XML
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item android:title="@string/action_search"
android:id="@+id/action_search"
android:icon="@drawable/outline_search_white_24dp"
android:orderInCategory="1"
app:showAsAction="always"
/>
<item android:title="@string/action_bookmark"
android:id="@+id/action_bookmark"
android:icon="@drawable/outline_bookmark_border_white_24dp"
android:orderInCategory="2"
app:showAsAction="always"
/>
<item
android:id="@+id/action_help"
android:title="@string/action_help"
app:showAsAction="never" />
<item
android:id="@+id/action_settings"
android:title="@string/action_settings"
app:showAsAction="never" />
<item
android:id="@+id/action_update"
android:title="@string/action_update"
app:showAsAction="never" />
</menu>
您可以像这样在工具栏中使用相对布局
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<android.support.v7.widget.Toolbar
android:layout_width="match_parent"
android:layout_height="56dp"
android:layout_alignParentTop="true"
android:background="#000000">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_centerVertical="true"
android:padding="8dp"
android:src="@android:drawable/ic_dialog_dialer" />
<TextView
style="@style/Base.TextAppearance.AppCompat.Medium"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="Your Title"
android:textColor="#ffffff"
android:textStyle="bold" />
<ImageView
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_alignParentEnd="true"
android:layout_centerVertical="true"
android:layout_marginEnd="8dp"
android:padding="8dp"
android:src="@android:drawable/ic_dialog_map" />
</RelativeLayout>
</android.support.v7.widget.Toolbar>
</RelativeLayout>
我是一名新的 android 开发人员,我制作了很多文档,直到我有了自己的 action bar with actions icon/items。但我想知道两件事:
- 如何对齐操作栏中心的标题(大量文档通过使用带有新 textView 的重力属性来显示它)?
- 如何对齐动作项目到动作栏的左边(因为它auto-positioned 在右边)? TIP:最好在 XML. 中编码
这是我的操作栏
menu.XML
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item android:title="@string/action_search"
android:id="@+id/action_search"
android:icon="@drawable/outline_search_white_24dp"
android:orderInCategory="1"
app:showAsAction="always"
/>
<item android:title="@string/action_bookmark"
android:id="@+id/action_bookmark"
android:icon="@drawable/outline_bookmark_border_white_24dp"
android:orderInCategory="2"
app:showAsAction="always"
/>
<item
android:id="@+id/action_help"
android:title="@string/action_help"
app:showAsAction="never" />
<item
android:id="@+id/action_settings"
android:title="@string/action_settings"
app:showAsAction="never" />
<item
android:id="@+id/action_update"
android:title="@string/action_update"
app:showAsAction="never" />
</menu>
您可以像这样在工具栏中使用相对布局
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<android.support.v7.widget.Toolbar
android:layout_width="match_parent"
android:layout_height="56dp"
android:layout_alignParentTop="true"
android:background="#000000">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_centerVertical="true"
android:padding="8dp"
android:src="@android:drawable/ic_dialog_dialer" />
<TextView
style="@style/Base.TextAppearance.AppCompat.Medium"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="Your Title"
android:textColor="#ffffff"
android:textStyle="bold" />
<ImageView
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_alignParentEnd="true"
android:layout_centerVertical="true"
android:layout_marginEnd="8dp"
android:padding="8dp"
android:src="@android:drawable/ic_dialog_map" />
</RelativeLayout>
</android.support.v7.widget.Toolbar>
</RelativeLayout>