Question

我想把标题放在中心位置＆＃34;地址＆＃34;在图标图像中垂直放置，我想对齐内容＆＃34; St. 965湖＆＃34;在标题下面，有什么办法吗？

Layout example

目前我有这个：

    <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingTop="20dp"
            android:paddingBottom="20dp"
            android:paddingLeft="10dp"
            android:paddingRight="10dp">
        <ImageView
                android:layout_alignParentTop="true"
                android:layout_width="40dp"
                android:layout_height="20dp"
                android:id="@+id/pinpoint_icon"
                android:layout_centerVertical="true"
                android:src="@drawable/pin_point_seller"/>
        <LinearLayout
                android:layout_toRightOf="@id/pinpoint_icon"
                android:orientation="vertical"
                android:layout_width="match_parent"
                android:layout_marginLeft="10dp"
                android:layout_height="wrap_content">
            <TextView
                    android:layout_width="match_parent"
                    android:textColor="@color/gray"
                    android:layout_height="wrap_content"
                    android:text="Address"
                    android:singleLine="true"
                    android:gravity="left"
                    android:textSize="18dp"/>

            <TextView
                    android:layout_marginTop="10dp"
                    android:id="@+id/fragment_profile_address_text"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="St. Lake 965"
                    android:gravity="left"
                    android:textSize="18dp"
                    android:layout_weight="1"/>
        </LinearLayout>
    </RelativeLayout>

但如果我更改图标高度标题＆＃34;地址＆＃34;不要在图标

中垂直对齐

这是我想要的结果：

Example layout 2

图标已调整大小，但标题保持垂直居中，下方的内容保持在同一位置

Answer 1

不要硬编码高度和宽度

试试这个......

<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="wrap_content"
    android:paddingBottom="20dp"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    android:paddingTop="20dp" >

    <ImageView
        android:id="@+id/pinpoint_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerVertical="true"
        android:src="@drawable/pin_point_seller" />

    <RelativeLayout
        android:id="@+id/address"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/pinpoint_icon"
        android:layout_alignTop="@+id/pinpoint_icon"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@id/pinpoint_icon"
        android:orientation="vertical" >

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_gravity="center"
            android:singleLine="true"
            android:text="Address"
            android:textColor="@android:color/black"
            android:textSize="18dp" />
    </RelativeLayout>

    <TextView
        android:id="@+id/sub_address"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/address"
        android:layout_below="@+id/address"
        android:layout_centerVertical="true"
        android:layout_gravity="center"
        android:singleLine="true"
        android:text="St. Lake 965"
        android:textColor="@android:color/black"
        android:textSize="18dp" />

</RelativeLayout>

Answer 2

您可以尝试将ImageView缩放到相同的高度（由您定义）作为textSize +附加边距以及要与之对齐的TextView的填充。

Answer 3

使用相对布局而不是线性布局。使用以下标记，您可以将第二个textview jus对齐在第一个

之下

        android:layout_below="@+id/textView"
        android:layout_alignLeft="@+id/textView"
        android:layout_alignStart="@+id/textView"

更新的答案可能对您有所帮助

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:paddingTop="20dp"
    android:paddingBottom="20dp"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    android:id="@+id/">


    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView4"
        android:layout_alignParentLeft="true"
        android:background="@drawable/ic_launcher"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:text="Medium Text"
        android:id="@+id/textView"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@+id/imageView4" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceSmall"
        android:text="Small Text"
        android:id="@+id/textView3"
        android:layout_alignParentBottom="true"
        android:layout_alignLeft="@+id/textView"
        android:layout_alignStart="@+id/textView" />
</RelativeLayout>

Answer 4

创建一个像这样的表格布局：

<TableLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <ImageView
                android:layout_alignParentTop="true"
                android:layout_width="40dp"
                android:layout_height="20dp"
                android:id="@+id/pinpoint_icon"
                android:layout_centerVertical="true"
                android:src="@drawable/pin_point_seller"/>

            <TextView
                    android:layout_width="match_parent"
                    android:textColor="@color/gray"
                    android:layout_height="wrap_content"
                    android:text="Address"
                    android:singleLine="true"
                    android:gravity="left"
                    android:textSize="18dp"/>
        </TableRow>

        <TableRow
            android:id="@+id/tableRow2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="" />

            <TextView
                    android:layout_marginTop="10dp"
                    android:id="@+id/fragment_profile_address_text"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="St. Lake 965"
                    android:gravity="left"
                    android:textSize="18dp"
                    android:layout_weight="1"/>
        </TableRow>
    </TableLayout>

Answer 5

检查这个答案希望它能帮到你

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
            android:paddingTop="20dp"
            android:paddingBottom="20dp"
            android:paddingLeft="10dp"
            android:paddingRight="10dp">
        <ImageView
                android:layout_alignParentTop="true"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/pinpoint_icon"
                android:layout_centerVertical="true"
                android:src="@drawable/pin_point_seller"/>

           <TextView
               android:id="@+id/txtAddress"
                    android:layout_width="match_parent"
                    android:textColor="@color/blue"
                    android:layout_height="wrap_content"
                    android:text="Address"
                    android:singleLine="true"
                    android:layout_toRightOf="@+id/pinpoint_icon"
                    android:textSize="18dp"/>

            <TextView
                    android:id="@+id/fragment_profile_address_text"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="St. Lake 965"
                    android:textSize="18dp"
                    android:layout_alignStart="@+id/txtAddress"
                    android:layout_below="@+id/txtAddress"/>
    </RelativeLayout>

ANDROID查看布局上的对齐方式

5 个答案: