Android：如何製作兩個視圖align-center？

Question

我要實現這一點：

我應該怎麼做才能讓藍色的「+」對準中心與橙色區域的底線？非常感謝。

Answer 1

一個解決方案是使用代碼。設置「+」視圖的頂部填充，它應該是：

topPadding = orangeHeight - plusViewHeight/2

當然，你應該做的，經過外觀的看法，因此可以返回你非零高度值。

Answer 2

你可以設置你想要的高度。請確保您設置的ImageView

屬性：

android:layout_centerVertical="true" 

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="200dp" > 

     <TextView 
      android:id="@+id/textView2" 
      android:layout_width="wrap_content" 
      android:layout_height="100dp" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:gravity="right" 
      android:background="#d34520" 
      android:textColor="#fffff" 
      android:text="HTML 5 everywher....." /> 

     <TextView 
      android:id="@+id/textView1" 
      android:layout_width="wrap_content" 
      android:layout_height="100dp" 
      android:layout_alignParentBottom="true" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:gravity="right" 
      android:text="The web platform....." /> 

     <ImageView 
      android:id="@+id/imageView1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_centerVertical="true" 
      android:layout_marginLeft="22dp" 
      android:src="@drawable/plus" /> 

    </RelativeLayout> 

Answer 3

這是所有關於你的設計技巧，如果你想實現你的目標。按照下面的步驟：

步驟1：）

設計命名爲1的四個圖像btn_back.png 2）lay1.png 3）lay2.png和4）btn_plus.png它將看起來像這樣：

1） btn_back

2）lay1.png

3）lay2.png

4）btn_plus.png

第2步：

現在貼下面的代碼在XML文件中：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" > 

    <LinearLayout 
     android:id="@+id/lay1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@drawable/lay1" 
     android:gravity="center" 
     android:orientation="vertical" 
     android:padding="30dp" > 

     <TextView 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:text="Type your text here what ever you want..." /> 
    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/btn_back" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@drawable/btn_back" 
     android:gravity="left" 
     android:orientation="vertical" > 

     <Button 
      android:id="@+id/btnPlus" 
      android:layout_width="50dp" 
      android:layout_height="45dp" 
      android:layout_margin="5dp" 
      android:background="@drawable/btn_plus" /> 
    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/lay2" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@drawable/lay2" 
     android:gravity="center" 
     android:orientation="vertical" 
     android:padding="30dp" > 

     <TextView 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:text="Type your text here what ever you want..." /> 
    </LinearLayout> 

</LinearLayout> 

和你做，你會得到期望的結果:)