私のウィッシュリストは、Android

Question

こんにちは、私のウィッシュリストアイコン右隅に揃えていないで、私のツールバーには揃わない、私は、コーナーのほか、フルのTextViewヘッダーを表示する必要があるとして、ウィッシュリストのハートマークを修正したいです正しく私のツールバーを設定する方法を、私の下手な英語のため申し訳ありませんが、ここで私は、これは

<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> 

Answer 1

これは

よりも、あなたの Toolbarの直接の子として RelativeLayoutを作成しようと試みたのです私のxmlです

あなたimgbackImageView==>android:layout_alignParentLeft="true"

• あなたtoolbar_titleTextViewを作る==>android:layout_centerInParent="true"

• あなたimgfavImageViewを作る==>android:layout_alignParentRight="true"

  を作ります

サンプルコード、あなたのXMLで

<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> 

Answer 2

、あなたは だけで唯一のプロパティ重力を追加し、任意のレイアウトを追加する必要はありません。

android:layout_gravity="left"を追加 - バック矢印ImageViewのを android:gravity="center_horizontal"を追加 - TextViewに はandroid:layout_gravity="right|end"を追加 - ウィッシュリストImageViewの

&を私は、これはあなたが、

<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> 

を役に立てば幸い Relative layoutを削除して、それが正常に動作します、