如何在android工作室中的工具栏中心图标

我在这里问了一个类似的问题…我在答案中find了一些教程。 但是这个问题是diffrenet。 因为没有任何方法不适用于我的项目。

我想中心工具栏中的所有图标

我testing所有可用的方式…但总是图标漂浮在左侧。

我想要居中图标(我比较喜欢左边的图标漂浮左边和右边的图标漂浮右边和其他图标漂浮中心)

Activity.Main.xml

<LinearLayout 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" android:orientation="vertical" // I add vertical tools:context=".MainActivity"> <include android:id="@+id/tool_bar" layout="@layout/tool_bar" android:layout_height="wrap_content" android:layout_width="match_parent" // I add match_parent android:layout_gravity="center" /> // I add center </LinearLayout>. 

也在tool_bar.xml中

 <?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.Toolbar android:layout_height="wrap_content" android:layout_height="match_parent" android:background="@color/ColorPrimary" android:elevation="2dp" android:theme="@style/Base.ThemeOverlay.AppCompat.Dark" android:layout_gravity="center" // I add center xmlns:android="http://schemas.android.com/apk/res/android" /> 

main_menu.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=".MainActivity"> <item android:id="@+id/action_forward" android:title="forward" android:icon="@drawable/ic_action_arrow_forward" app:showAsAction="always" ></item> <item android:id="@+id/action_zoom_in" android:title="zoom in" android:icon="@drawable/ic_action_zoom_in" app:showAsAction="always" ></item> <item ... 

和上面的代码( main_menu.xml )在<item>我尝试了所有这些代码:

 android:layout_width="match_parent" android:layout_weight=".2" // 20% android:gravity="center" android:layout_centerVertical="true" android:layout_centerHorizontal="true" 

我真的不知道我能做些什么来alignment图标。 我GOOGLE了几个小时,我尝试了所有塞纳里奥

我的错是什么? 对于所有的testing我看不到任何改变… 在这里输入图像说明

之前我想要pic2(在上面的图片)但现在我只是想中心它!

对于我所有的testing,我只能得到图1.没有任何改变。

Solutions Collecting From Web of "如何在android工作室中的工具栏中心图标"

解决这个问题,享受:)

 <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:elevation="4dp" android:background="?attr/colorPrimary"> <!-- Code for your Left Button --> <ImageView android:id="@+id/yourId" android:src="@mipmap/yourLeftIcon" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_marginLeft="20dp" android:layout_marginRight="20dp" android:layout_marginTop="4dp" android:layout_marginBottom="4dp" android:layout_gravity="left" /> <!-- Here is the main code for your Middle Buttons --> <LinearLayout android:layout_width="wrap_content" android:layout_height="match_parent" android:orientation="horizontal" android:layout_gravity="center" android:gravity="center"> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/ic_launcher" android:id="@+id/button1"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/ic_launcher" android:id="@+id/button2"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/ic_launcher" android:id="@+id/button3"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/ic_launcher" android:id="@+id/button4" /> </LinearLayout> <!-- Code for your Right Button --> <ImageView android:id="@+id/yourId" android:src="@mipmap/yourRightIcon" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_marginLeft="20dp" android:layout_marginRight="20dp" android:layout_marginTop="4dp" android:layout_marginBottom="4dp" android:layout_gravity="right" /> </android.support.v7.widget.Toolbar> 

工具栏与其他视图一样。 您可以直接添加孩子,然后像访问正常视图一样访问。

这不是你的问题的确切答案,但它会告诉你要走的路。

 <?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center" android:background="@android:color/holo_red_light" android:elevation="2dp" android:theme="@style/Base.ThemeOverlay.AppCompat.Dark"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent"> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/ic_launcher" android:id="@+id/button1"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/ic_launcher" android:id="@+id/button2"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/ic_launcher" android:id="@+id/button3"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/ic_launcher" android:id="@+id/button4" /> </LinearLayout> </android.support.v7.widget.Toolbar> 

然后在你的主要片段或其他地方你可以访问这样的东西。

  Toolbar mToolbar = (Toolbar) root.findViewById(R.id.tool_bar); Button button1 = (Button) mToolbar.findViewById(R.id.button1); Button button2 = (Button) mToolbar.findViewById(R.id.button2); Button button3 = (Button) mToolbar.findViewById(R.id.button3); Button button4 = (Button) mToolbar.findViewById(R.id.button4); 

您可以使用此方法以任何您喜欢的方式制作自定义工具栏。 您可能会想要使用相对布局。

您应该尝试为父母布局应用任何alignment方式。

 <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center"> <Button ...any attributes.../> ...any items... </LinerLayout> 

我知道,这个解决scheme是可怕的,但对我来说,它的工作。

首先,在LinearLayout中,您可以放置​​3个工具栏而不是1:

 <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <android.support.v7.widget.Toolbar android:id="@+id/bottomToolbarLeft" android:layout_width="0dp" android:layout_height="?attr/actionBarSize" android:layout_weight="1.0" android:background="?attr/colorPrimary" app:popupTheme="@style/AppTheme.PopupOverlay"/> <android.support.v7.widget.Toolbar android:id="@+id/bottomToolbarCenter" android:layout_width="wrap_content" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:popupTheme="@style/AppTheme.PopupOverlay"/> <android.support.v7.widget.Toolbar android:id="@+id/bottomToolbarRight" android:layout_width="0dp" android:layout_height="?attr/actionBarSize" android:layout_weight="1.0" android:background="?attr/colorPrimary" app:popupTheme="@style/AppTheme.PopupOverlay"/> </LinearLayout> 

每个工具栏应该有它自己的菜单资源。

然后,你会得到这样的东西: 图标居中,但左侧图标没有alignment左边界

最后,要调整左侧图标,您可以简单地为左侧工具栏设置此参数:

 android:layoutDirection="rtl" 

结果是: 所需的顺序

你可以通过编程来完成,如下所示:

 mToolbar.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() { @Override public void onGlobalLayout() { ImageView imageView = (ImageView)mToolbar.findViewById(R.id.logo); if( mToolbar == null ){ return; } int toolbarWidth = mToolbar.getWidth(); int imageWidth = imageView.getWidth(); imageView.setX((toolbarWidth-imageWidth)/2); } }); 

自定义您的layout_toolbar.xml:

  <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/toolbar" style="@style/Toolbar" android:layout_width="match_parent" android:layout_height="@dimen/toolbar_height" android:background="@drawable/toolbar_background" android:focusable="false" app:titleTextAppearance="@style/AppTheme.Toolbar.Title"> <ImageView android:id="@+id/logo" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/toolbar_logo"/> </android.support.v7.widget.Toolbar> 

也许帮助你:

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:id="@+id/appBar" android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/AppTheme.AppBarOverlay"> <android.support.v7.widget.Toolbar android:id="@+id/toolbarPath" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary"> <ImageView android:id="@+id/imgBack" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_gravity="left" android:layout_marginBottom="4dp" android:layout_marginLeft="20dp" android:layout_marginRight="20dp" android:layout_marginTop="4dp" android:src="@drawable/ic_action_back" /> <LinearLayout android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="center" android:gravity="center" android:orientation="horizontal"> <ImageView android:id="@+id/imgClear" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="15dp" android:src="@drawable/ic_action_discard" /> <ImageView android:id="@+id/imgStop" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="15dp" android:src="@drawable/ic_action_stop" /> <ImageView android:id="@+id/imgPath" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="15dp" android:src="@drawable/ic_action_merge" /> <ImageView android:id="@+id/imgToggle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_action_map" /> </LinearLayout> <ImageView android:id="@+id/imgForward" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_gravity="right" android:layout_marginBottom="4dp" android:layout_marginLeft="20dp" android:layout_marginRight="20dp" android:layout_marginTop="4dp" android:src="@drawable/ic_action_forward" /> </android.support.v7.widget.Toolbar> </android.support.design.widget.AppBarLayout> <fragment xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/mapPath" android:name="com.google.android.gms.maps.SupportMapFragment" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@+id/appBar" /> </RelativeLayout> 

在你的style.xml写入:

 <style name="AppTheme.NoActionBar"> <item name="windowActionBar">false</item> <item name="windowNoTitle">true</item> </style> 

然后在manifest.xml

 <application android:name="com.ir.zanis.app.AppController" android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:supportsRtl="true" android:theme="@style/AppTheme.NoActionBar"> <===See here=== ....... ............. .............