Android：如何使两个视图对齐中心？

Question

我想实现这个目标：

我该怎么做才能使蓝色＆＃34; +＆＃34;对齐中心与橙色区域的底线？非常感谢。

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>

你完成了，你将获得理想的结果：）