2017-09-13 52 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>