Android ToolBar图标定位

时间:2016-09-19 17:23:24

标签: java android xml android-toolbar

我正在尝试在Android中重新创建此菜单设置:

enter image description here

但我只能得到这个:

enter image description here

在没有应用程序崩溃的情况下,我似乎无法摆脱工具栏中的WebBrowser文本。另外,我无法将图标分开。

前进和后退按钮之间有一个小的进度条。

任何帮助?

这是我的menu_main.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="net.txisystems.txiwebbrowser.MainActivity">

    <item
        android:id="@+id/action_home"
        android:icon="@drawable/ic_house"
        android:menuCategory="secondary"
        android:orderInCategory="1"
        android:title="@string/action_refresh"
        app:showAsAction="always" />

    <item
        android:id="@+id/action_back"
        android:icon="@drawable/ic_back"
        android:menuCategory="secondary"
        android:orderInCategory="2"
        android:title="@string/action_refresh"
        app:showAsAction="always" />

    <ProgressBar
        android:id="@+id/progressBar"
        style="?android:attr/progressBarStyleSmall"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />

    <item
        android:id="@+id/action_forward"
        android:icon="@drawable/ic_forward"
        android:menuCategory="secondary"
        android:orderInCategory="3"
        android:title="@string/action_refresh"
        app:showAsAction="always" />

    <item
        android:id="@+id/action_refresh"
        android:icon="@drawable/ic_refresh"
        android:menuCategory="secondary"
        android:orderInCategory="4"
        android:title="@string/action_refresh"
        app:showAsAction="always" />
</menu>

将进度条放在工具栏下的activity_main.xml中我得到了这个:

enter image description here

这是activity_main.xml代码:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="net.txisystems.webbrowser.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

        <ProgressBar
            android:indeterminate="true"
            android:visibility="visible"
            android:id="@+id/progressBar"
            style="?android:attr/progressBarStyleSmall"
            android:layout_width="28dp"
            android:layout_height="28dp"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true" />

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_main" />

1 个答案:

答案 0 :(得分:0)

  1. 删除活动/片段中的标题使用

    toolbar.setTitle(null)
    
  2. 您无法将进度条放入menu.xml文件

  3. 在工具栏中使用RelativeLayout并将所需的所有视图放在这里:

    <android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:elevation="4dp"
    android:layout_width="match_parent"
    app:layout_scrollFlags="scroll|enterAlways"
    android:layout_height="?attr/actionBarSize"
    android:background="@drawable/gradient"
    app:popupTheme="@style/AppTheme.PopupOverlay">
    <ProgressBar
        android:indeterminate="true"
        android:visibility="invisible"
        android:id="@+id/toolbar_progress_bar"
        android:layout_width="28dp"
        android:layout_marginRight="16dp"
        android:layout_height="28dp"
        android:indeterminateTint="#fff"
        android:indeterminateTintMode="src_in"
        android:layout_gravity="right"
        />