2017-09-13 35 views
1

outputimage我的心愿不是我的工具栏上的Android

嗨对齐,我的心愿单图标是不是在右上角对齐,我想解决这个心愿心脏符号作为角落,以及需要表现出充分的TextView头,如何正确设置我的工具栏,对不起我的英文不好,这是我的xml我正在想这

<android.support.v7.widget.Toolbar 
    android:id="@+id/toolbar_top" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:background="@color/colorPrimary" 
    android:minHeight="?attr/actionBarSize" 
    app:theme="@style/ThemeToolbar" 
    tools:layout_editor_absoluteX="8dp" 
    tools:layout_editor_absoluteY="0dp"> 

    <ImageView 
     android:id="@+id/imgback" 
     android:layout_width="20dp" 
     android:layout_height="20dp" 
     android:src="@drawable/whitearrow" /> 

    <TextView 
     android:id="@+id/toolbar_title" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="40dp" 
     android:gravity="center" 
     android:text="The Complete React Native" 
     android:textColor="@color/colorPrimarywhite" 
     android:textSize="20dp" 
     android:textStyle="bold" /> 

    <RelativeLayout 
     android:id="@+id/notification" 
     android:layout_width="50dp" 
     android:layout_height="match_parent"> 

     <ImageView 
      android:id="@+id/imgfav" 
      android:layout_width="25dp" 
      android:layout_height="25dp" 
      android:layout_alignParentRight="true" 
      android:src="@drawable/whiteheart" /> 

    </RelativeLayout> 


</android.support.v7.widget.Toolbar> 

回答

2

试试这个让RelativeLayout为您Toolbar的直接孩子比

  • 让你imgbackImageView==>android:layout_alignParentLeft="true"

  • 让你toolbar_titleTextView==>android:layout_centerInParent="true"

  • 让你imgfavImageView==>android:layout_alignParentRight="true"

示例代码

<android.support.v7.widget.Toolbar 
    android:id="@+id/toolbar_top" 
    app:theme="@style/ThemeToolbar" 
    tools:layout_editor_absoluteX="8dp" 
    tools:layout_editor_absoluteY="0dp" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:background="@color/colorPrimary" 
    android:minHeight="?attr/actionBarSize"> 

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal"> 

     <ImageView 
      android:id="@+id/imgback" 
      android:layout_alignParentLeft="true" 
      android:layout_width="20dp" 
      android:layout_height="20dp" 
      android:src="@drawable/whitearrow" /> 

     <TextView 
      android:id="@+id/toolbar_title" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="40dp" 
      android:gravity="center" 
      android:layout_centerInParent="true" 
      android:text="The Complete React Native" 
      android:textColor="@color/colorPrimarywhite" 
      android:textSize="20dp" 
      android:textStyle="bold" /> 



      <ImageView 
       android:id="@+id/imgfav" 
       android:layout_width="25dp" 
       android:layout_height="25dp" 
       android:layout_alignParentRight="true" 
       android:src="@drawable/whiteheart" /> 


    </RelativeLayout> 
</android.support.v7.widget.Toolbar> 
2

在你的XML,你不需要添加任何布局, 仅仅只添加属性重力

添加android:layout_gravity="left" - 后退箭头的ImageView 添加android:gravity="center_horizontal" - TextView的 添加android:layout_gravity="right|end" - 心愿的ImageView

&删除Relative layout和,它会正常工作,

我希望这可以帮助你,

<android.support.v7.widget.Toolbar 
    android:id="@+id/toolbar_top" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:background="@color/colorPrimary" 
    android:minHeight="?attr/actionBarSize" 
    app:theme="@style/ThemeToolbar" 
    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"> 

     <ImageView 
      android:id="@+id/imgback" 
      android:layout_width="20dp" 
      android:layout_height="20dp" 
      android:layout_gravity="left" 
      android:src="@drawable/whitearrow" /> 

     <TextView 
      android:id="@+id/toolbar_title" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="center_horizontal" 
      android:text="The Complete React Native" 
      android:textColor="@color/colorPrimarywhite" 
      android:textSize="20dp" 
      android:textStyle="bold" 
      android:layout_gravity="center_horizontal|center_vertical"/> 

      <ImageView 
       android:id="@+id/imgfav" 
       android:layout_width="25dp" 
       android:layout_height="25dp" 
       android:layout_gravity="right|end" 
       android:gravity="right" 
       android:src="@mipmap/ic_launcher" /> 

    </android.support.v7.widget.Toolbar>