代码之家 › 专栏 › 技术社区 › Yuri Heupa

ANDROID视图布局对齐

android-relativelayout android-view android-linearlayout android-layout android

Yuri Heupa · 技术社区 · 11 年前

我想将标题“地址”在图标图像中垂直居中,并将标题下方的内容“St.Lake 965”对齐,有什么方法吗?

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>

但是,如果我改变图标的高度,标题“地址”在图标内不垂直对齐

这是我想要的结果:

Example layout 2

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

5 回复 | 直到 11 年前

Jagadesh Seeram 11 年前

不要硬编码高度和宽度

试试这个。。。

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

paradite 11 年前

您可以尝试缩放 ImageView 高度(由您定义)与 textSize +要对齐的TextView的其他边距和填充。

Tushski 11 年前

创建如下表布局:

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

Deniz 11 年前

使用相对布局而不是线性布局。使用以下标记,可以将第二个文本视图与第一个文本视图对齐

        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>

Abid Khan 11 年前

检查这个答案,希望对你有所帮助

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