[英]position of two textview and a imageview in linearlayout
我正在准备一个自定义的listview
。 我想实现这一目标
我很困惑,如何将imageview
和textview
放在linearlayout
。 所以,我的问题是如何像在图像中一样,将imageview
和textview
放在linearlayout
中。 我试过了,但是仍然无法用imageview实现两个textview。
<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/textView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#003f84"
android:textColor="#FFFFFF"
android:text="TextView" />
<View
android:layout_width="fill_parent"
android:layout_height="1dp"
android:background="@android:color/darker_gray"/>
<TextView
android:id="@+id/textView2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#003f84"
android:textColor="#FFFFFF"
android:gravity="right"
android:text="TextView"/>
</LinearLayout>
不过,我无法实现这一点。 但是,我要尝试这个
<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/abTopic"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#003f84"
android:text="TextView"
android:textColor="#FFFFFF" />
<View
android:layout_width="fill_parent"
android:layout_height="1dp"
android:background="@android:color/darker_gray" />
<TextView
android:id="@+id/abType"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#003f84"
android:gravity="right"
android:text="TextView"
android:textColor="#FFFFFF" />
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/list_selector"
android:orientation="horizontal"
android:paddingBottom="15dip"
android:paddingRight="15dip"
android:paddingTop="15dip" >
<!-- Title -->
<TextView
android:id="@+id/abTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:contentDescription="@string/app_name"
android:paddingLeft="25dip"
android:paddingRight="25dip"
android:textColor="#0099CC"
android:textSize="18sp" />
<!-- Rightend Arrow -->
<ImageView
android:id="@+id/itemArrow"
android:layout_width="25dip"
android:layout_height="25dip"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:contentDescription="@string/app_name"
android:src="@drawable/arrow" />
<!-- SubTitle -->
<TextView
android:id="@+id/absubTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="0dip"
android:layout_toRightOf="@id/abTitle"
android:paddingRight="25dip"
android:textColor="#000000"
android:textSize="18sp"
android:textStyle="bold"
android:typeface="sans" />
</RelativeLayout>
</LinearLayout>
尝试使用此代码并根据您的要求进行更改。
<FrameLayout
android:layout_width="match_parent"
android:layout_height="100dp" >
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent" >
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginLeft="5dp"
android:layout_marginTop="5dp"
android:text="TextView" />
<TextView
android:id="@+id/textView2"
android:layout_width="match_parent"
android:layout_height="2dp"
android:layout_alignParentRight="true"
android:layout_below="@+id/textView1"
android:text=" "
android:background="#000000"/>
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/textView1"
android:layout_below="@+id/textView1"
android:layout_marginTop="25dp"
android:text="TextView" />
<TextView
android:id="@+id/textView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/textView3"
android:layout_below="@+id/textView3"
android:layout_marginTop="14dp"
android:text="TextView" />
<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignTop="@+id/textView3"
android:layout_marginRight="47dp"
android:src="@drawable/ic_launcher" />
<TextView
android:id="@+id/textView5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_below="@+id/textView2"
android:layout_marginRight="14dp"
android:text="TextView" />
</RelativeLayout>
</FrameLayout>
LinearLayouts具有android:gravity
属性,它将其子元素尽可能移至一个边界。 在您的情况下,您需要每行有两个LinearLayout子级的LinearLayout。 在第一个LinearLayout中执行android:gravity="left"
,在第二个中执行android:gravity="right"
为什么不将图片放在textview的背景上? 您可以将android:gravity="right"
用于某些列表项
请使用此代码并根据您的需要进行调整:
<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/textView1"
android:layout_width="90dp"
android:layout_height="wrap_content"
android:layout_marginTop="30dp"
android:background="#003f84"
android:text="Text1"
android:textColor="#FFFFFF" />
<TextView
android:id="@+id/textView2"
android:layout_width="90dp"
android:layout_height="wrap_content"
android:layout_marginLeft="120dp"
android:layout_marginTop="-18dp"
android:background="#003f84"
android:text="Text2"
android:textColor="#FFFFFF" />
<ImageView
android:id="@+id/Image1"
android:layout_width="fill_parent"
android:layout_height="90dp"
android:layout_gravity="center"
android:layout_marginTop="50dp"
android:src="@drawable/ic_launcher" />
</LinearLayout>
如有任何疑问,请随时给我写信。
我能够自己解决问题。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<!-- Topic -->
<TextView
android:id="@+id/abTopic"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#003f84"
android:textColor="#FFFFFF" />
<!-- View -->
<View
android:layout_width="fill_parent"
android:layout_height="1dp"
android:background="@android:color/darker_gray" />
<!-- Type -->
<TextView
android:id="@+id/abType"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#003f84"
android:gravity="right"
android:textColor="#FFFFFF" />
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/list_selector"
android:orientation="horizontal"
android:paddingBottom="15dip"
android:paddingRight="15dip"
android:paddingTop="15dip" >
<!-- Title -->
<TextView
android:id="@+id/abTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:contentDescription="@string/app_name"
android:paddingLeft="25dip"
android:paddingRight="25dip"
android:textColor="#000000"
android:textSize="18sp" />
<!-- Rightend Arrow -->
<ImageView
android:id="@+id/itemArrow"
android:layout_width="25dip"
android:layout_height="25dip"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:contentDescription="@string/app_name"
android:src="@drawable/arrow" />
<!-- Subtitle -->
<TextView
android:id="@+id/SubTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/abTitle"
android:paddingLeft="25dip"
android:paddingRight="25dip"
android:textColor="#666362"
android:textSize="12sp"
android:textStyle="bold"
android:typeface="sans" />
</RelativeLayout>
</LinearLayout>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.