如何在ListView中调整ImageView？

时间：2015-12-09 18:45:36

标签： android xml android-layout android-listview imageview

如何将ImageView移动到下方左侧的左侧？

enter image description here

这是我的listView和布局。

enter image description here

custom_row.xml 

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

    <TextView android:id="@+id/ListType"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="17sp"
        android:textStyle="bold"
        android:textColor="@color/black"/>

    <TextView android:id="@+id/ListAmount"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="17sp"
        android:textColor="@color/blue"/>

    <TextView android:id="@+id/ListDescription"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="17sp"
        android:textColor="@color/blue"/>

    <ImageView
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="25dp"
        android:id="@+id/photo" />
</LinearLayout>

谢谢！

5 个答案:

答案 0 :(得分：1)

请尝试使用RelativeLayout代替LinearLayout。为什么？在这里，我会给你一些理由：

  1. 在给定布局上对齐任何地方都会容易得多。
  2. 您可以轻松定义用于对齐和排列的属性。
  3. 您可以拖动视图并将其排列在Android Studio。
    4. 中

答案 1 :(得分：1)

请尝试使用LinearLayout，如下面的代码所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="10dp" >

    <ImageView
        android:id="@+id/photo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:paddingLeft="10dp"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/ListType"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@color/black"
            android:textSize="17sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/ListAmount"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@color/blue"
            android:textSize="17sp" />

        <TextView
            android:id="@+id/ListDescription"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@color/blue"
            android:textSize="17sp" />
    </LinearLayout>

</LinearLayout>

答案 2 :(得分：1)

在这里更容易使用相对布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <!-- Sit image to the Parent's left -->
    <ImageView
        android:layout_alignParentLeft="true"
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="25dp"
        android:id="@+id/photo" />

   <!-- Position, to right of Image & Stack views relative here as well -->
   <RelativeLayout 
        android:layout_toRightOf="@+id/photo"
        android:layout_height="wrap_content"
        android:layout_width="match_parent">
        <TextView android:id="@+id/ListType"
            android:textSize="17sp"
            android:textStyle="bold"
            android:textColor="@color/black"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
        <TextView android:id="@+id/ListAmount"
            android:layout_below="@+id/listType"
            android:layout_width="wrap_content"
            android:textSize="17sp"
            android:textColor="@color/blue"
            android:layout_height="wrap_content"/>
        <TextView android:id="@+id/ListDescription"
            android:layout_below="@+id/ListAmount"
            android:layout_width="wrap_content"
            android:textSize="17sp"
            android:textColor="@color/blue"
            android:layout_height="wrap_content"/>
    </RelativeLayout>

</RelativeLayout>

答案 3 :(得分：1)

您需要的布局需要嵌套布局策略。

＆＃xA;＆＃xA;

您的顶部线性布局应该在其中有 horizo​​ntal 方向，有两个子布局，一个是 imageview ，另一个是 LinearLayout 。＆＃xA;第二个线性布局有 vertical 方向，你可以在其中添加更多的子视图，例如您的个案金额，索赔类型等。

＆＃xA;＆＃xA; 
 ＆lt;？xml version =“1.0”encoding =“utf-8”？＆gt;＆＃xA;＆lt; ; LinearLayout xmlns：android =“http://schemas.android.com/apk/res/android”＆＃xA; android：orientation =“horizo​​ntal”＆＃xA; android：layout_width =“fill_parent”＆＃xA; android ：layout_height = “FILL_PARENT” ＆GT;＆＃XA;＆＃XA;＆LT; ImageView的＆＃XA;机器人：layout_width = “25dp” ＆＃XA;机器人：layout_height = “25dp” ＆＃XA;机器人：layout_marginLeft = “10dp” ＆＃XA;机器人：layout_marginTop = “25dp” ＆＃XA; android：id =“@ + id / photo”/＆gt;＆＃xA;＆lt; LinearLayout＆＃xA;机器人：layout_width = “WRAP_CONTENT” ＆＃XA;机器人：layout_height = “WRAP_CONTENT” ＆＃XA; android：orientation =“vertical”＆gt;＆＃xA; ＆lt; TextView android：id =“@ + id / ListType”＆＃xA;机器人：TEXTSIZE = “17sp” ＆＃XA;机器人：TEXTSTYLE = “黑体” ＆＃XA;机器人：文字颜色= “@彩色/黑白” ＆＃XA;机器人：layout_width = “WRAP_CONTENT” ＆＃XA;机器人：layout_height = “WRAP_CONTENT”/＆GT;＆＃XA; ＆lt; TextView android：id =“@ + id / ListAmount”＆＃xA;机器人：layout_width = “WRAP_CONTENT” ＆＃XA;机器人：TEXTSIZE = “17sp” ＆＃XA;机器人：文字颜色= “@颜色/蓝色” ＆＃XA;机器人：layout_height = “WRAP_CONTENT”/＆GT;＆＃XA; ＆lt; TextView android：id =“@ + id / ListDescription”＆＃xA;机器人：layout_width = “WRAP_CONTENT” ＆＃XA;机器人：TEXTSIZE = “17sp” ＆＃XA;机器人：文字颜色= “@颜色/蓝色” ＆＃XA;机器人：layout_height = “WRAP_CONTENT”/＆GT;＆＃XA;＆＃XA; ＆lt; / LinearLayout＆gt;＆＃xA;＆＃xA;＆＃xA;＆lt; / LinearLayout＆gt;＆＃xA;
＆＃xA;＆＃xA;

您可以获得更多想法关于复杂的布局：此处

＆＃xA;＆＃xA;

您应该了解不同用途的不同布局类型。＆＃xA;在上面的代码片段中，您可以使用layout_weight在其父布局中为视图提供固定的wieht /区域

＆＃XA;

答案 4 :(得分：1)

请找到以下代码

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

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

            <ImageView
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="25dp"
                android:id="@+id/photo"
                android:layout_weight=".2"/>

            <LinearLayout
                android:orientation="vertical"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="0.8">
                <TextView android:id="@+id/ListType"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textSize="17sp"
                    android:textStyle="bold"
                    android:textColor="@color/black"/>

                <TextView android:id="@+id/ListAmount"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textSize="17sp"
                    android:textColor="@color/blue"/>

                <TextView android:id="@+id/ListDescription"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textSize="17sp"
                    android:textColor="@color/blue"/>
            </LinearLayout>

        </LinearLayout>

    </LinearLayout>

Please find screenshot below

相关问题
最新问题