Android的佈局修復

Question

我要像下面的圖片

，但現在我越來越喜歡這個

此佈局在主XML文件中使用我的代碼的機器人頂部的菜單部分。

<RelativeLayout 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" 
    tools:context=".MainActivity" > 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" 
     android:background="@drawable/back_gradient" 
     android:orientation="horizontal" > 

     <ImageButton 
      android:id="@+id/imageButton1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/menu" 
      android:background="@drawable/back_gradient" /> 

     <TextView 
      android:id="@+id/textView1" 
      android:layout_width="wrap_content" 
      android:layout_height="match_parent" 
      android:layout_gravity="fill_vertical" 
      android:background="@drawable/back_gradient" 
      android:text="Welcome" 
      android:textAlignment="center" 
      android:textColor="#ffffff" 
      android:textSize="19sp" 
      android:gravity="center_vertical" /> 

     <ImageView 
      android:id="@+id/imageView1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginEnd="20dp" 
      android:src="@drawable/search" /> 

    </LinearLayout> 

</RelativeLayout> 

有誰能告訴我我該如何實現它？

在此先感謝

Answer 1

在TextView

<RelativeLayout 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" 
    tools:context=".MainActivity" > 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" 
     android:background="@drawable/back_gradient" 
     android:orientation="horizontal" > 

     <ImageButton 
      android:id="@+id/imageButton1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/menu" 
      android:background="@drawable/back_gradient" /> 

     <TextView 
      android:id="@+id/textView1" 
      android:layout_width="0dp"   //here 
      android:layout_weight="1"   //here 
      android:layout_height="match_parent" 
      android:layout_gravity="center" 
      android:gravity="center" 
      android:background="@drawable/back_gradient" 
      android:text="Welcome" 
      android:textAlignment="center" 
      android:textColor="#ffffff" 
      android:textSize="19sp" /> 

     <ImageView 
      android:id="@+id/imageView1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginEnd="20dp" 
      android:src="@drawable/search" /> 

    </LinearLayout> 

</RelativeLayout> 

Answer 2

使用android:gravity="center_horizontal"和android:layout_weight="1"試試這個..

修正爲您TextView。 嘗試以下數據

<TextView 
      android:id="@+id/textView1" 
      android:layout_width="wrap_content" 
      android:layout_height="match_parent" 
      android:layout_gravity="fill_vertical" 
      android:background="#123456" 
      android:text="Welcome" 
      android:layout_weight="1" 
      android:textAlignment="center" 
      android:textColor="#ffffff" 
      android:textSize="19sp" 
      android:gravity="center_horizontal" /> 

Answer 3

試試這個：

<RelativeLayout 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:background="@drawable/back_gradient" 
tools:context=".MainActivity" > 

<ImageButton 
    android:id="@+id/imageButton1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:background="@drawable/back_gradient" 
    android:src="@drawable/menu" /> 

<TextView 
    android:id="@+id/textView1" 
    android:layout_width="fill_parent" 
    android:layout_height="match_parent" 
    android:layout_toLeftOf="@+id/imageView1" 
    android:layout_toRightOf="@+id/imageButton1" 
    android:background="@drawable/back_gradient" 
    android:gravity="center_vertical" 
    android:text="Welcome" 
    android:textAlignment="center" 
    android:textColor="#ffffff" 
    android:textSize="19sp" /> 

<ImageView 
    android:id="@+id/imageView1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentRight="true" 
    android:layout_marginEnd="20dp" 
    android:src="@drawable/search" /> 

</RelativeLayout> 

Answer 4

使用此佈局

<LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@drawable/back_gradient" 
     android:orientation="horizontal" > 

     <ImageButton 
      android:id="@+id/imageButton1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/menu" 
      android:background="@drawable/back_gradient" /> 

     <TextView 
      android:id="@+id/textView1" 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:background="@drawable/back_gradient" 
      android:text="Welcome" 
      android:textAlignment="center" 
      android:textColor="#ffffff" 
      android:layout_weight="1" 
      android:textSize="19sp" 
      android:gravity="center" /> 

     <ImageView 
      android:id="@+id/imageView1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginEnd="20dp" 
      android:src="@drawable/search" /> 

    </LinearLayout> 

注：不包括在此xml相對佈局。

Answer 5

通過將0dip設置爲android:layout_width並設置android:layout_weight="1"來修改您的TextView。所以，更新後的TextView XML如下...

<TextView 
     android:id="@+id/textView1" 
     android:layout_width="0dip" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:layout_gravity="fill_vertical" 
     android:background="@drawable/back_gradient" 
     android:text="Welcome" 
     android:textAlignment="center" 
     android:textColor="#ffffff" 
     android:textSize="19sp" 
     android:gravity="center_vertical" /> 

Answer 6

試試這個佈局。

<RelativeLayout 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" 
tools:context=".MainActivity" > 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentTop="true" 
    android:layout_centerHorizontal="true" 
    android:background="@drawable/back_gradient" 
    android:orientation="horizontal" > 

    <ImageButton 
     android:id="@+id/imageButton1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/menu" 
     android:layout_weight="1" 
     android:background="@drawable/back_gradient" /> 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_gravity="fill_vertical" 
     android:background="@drawable/back_gradient" 
     android:text="Welcome" 
     android:textAlignment="center" 
     android:textColor="#ffffff" 
     android:textSize="19sp" 
     android:layout_weight="1" 
     android:gravity="center_vertical" /> 

    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginEnd="20dp" 
     android:layout_weight="1" 
     android:src="@drawable/search" /> 

</LinearLayout>