Android两个布局,两侧有固定宽度,一个布局,中间有流体宽度

时间:2015-02-06 01:10:58

标签: android android-layout layout

我需要在listview中创建一行: 该行由三列组成,左侧必须包含背景颜色的布局,文本位于中间,右侧则包含图像。中间布局将包含三行文本 我需要两个侧面布局具有固定宽度,中间布局具有宽度,具体取决于设备分辨率。

示例:https://www.dropbox.com/s/udn1lfo1hy6px44/Captura%20de%20pantalla%202015-02-06%20a%20las%201.png?dl=0

我的代码:

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

    <RelativeLayout
        android:id="@+id/lytVoterNumber"
        android:layout_width="75dp"
        android:layout_height="match_parent"
        android:background="@android:color/holo_red_dark"
        android:layout_alignParentLeft="true">

        <TextView
            android:id="@+id/lblVoterNumber"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:text="1999"
            android:layout_centerVertical="true"
            android:layout_centerHorizontal="true"
            />
    </RelativeLayout>

    <LinearLayout
        android:id="@+id/lytVoterData"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentTop="true"
        android:layout_toEndOf="@+id/lytVoterNumber"
        android:layout_toRightOf="@+id/lytVoterNumber">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:text="Text Text Text"
            android:id="@+id/lblVoterLastName" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:text="Text Text Text"
            android:id="@+id/lblVoterName" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:text="Text Text Text"
            android:id="@+id/lblDni" />
    </LinearLayout>

    <RelativeLayout
        android:layout_width="100dp"
        android:layout_height="match_parent"
        android:background="@android:color/holo_blue_dark"
        android:id="@+id/lytIcono"
        android:layout_alignParentRight="true"
        android:minHeight="30dp"
        android:minWidth="30dp"
        android:nestedScrollingEnabled="false">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/imageView"
            android:layout_centerVertical="true"
            android:layout_centerHorizontal="true"
            android:src="@drawable/flecha"/>
    </RelativeLayout>
</RelativeLayout>

1 个答案:

答案 0 :(得分:4)

检查这个

<LinearLayout  
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:weightSum="10" >

这是一个LinearLayout orientation 水平,其weight sum 10 现在你所要做的就是将 10 分成 3 ,并使双方Views具有相同比例的 10 ,其余将是中间的家伙& #39;的比例,因此,例如,如果您希望TextView作为此linearLayout的孩子,则TextView width 0dp weight为1,另一个与View相同,同一weight相同width则剩下8/10,所以8/10屏幕尺寸适合中间View

所以你的整体看起来像这样

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:weightSum="10" >

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

<TextView
    android:id="@+id/textView1"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="8"
    android:text="Large Text"
    android:textAppearance="?android:attr/textAppearanceLarge" />

<ImageView
    android:id="@+id/imageView2"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:src="@drawable/ic_launcher" />

得到它,先生?