首页 > 试题广场 >

下面是美团Andriod客户端,团购列表中的一项团购,如果是

[问答题]
下面是美团Andriod客户端,团购列表中的一项团购,如果是你,你会怎么写它的layout布局?(请用Andriod的基本控件,编写layout xml实现)

Ron头像 Ron
<?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="120dp"
    android:baselineAligned="true"
    android:orientation="horizontal" >

    <ImageView
        android:layout_width="100dp"
        android:layout_height="fill_parent"
        android:scaleType="fitXY"
        android:src="@drawable/bac" />

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="right"
        android:orientation="vertical" >

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

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="COSTA COFFEE"
                android:textColor="@color/black"
                android:textSize="18sp" >
            </TextView>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right"
                android:paddingLeft="30dp"
                android:text="1.1km"
                android:textColor="@color/gray"
                android:textSize="12sp" >
            </TextView>
        </LinearLayout>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/content"
            android:textColor="@color/gray"
            android:textSize="14sp" >
        </TextView>

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

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="25"
                android:textColor="@color/red"
                android:textSize="20sp" >
            </TextView>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="元"
                android:textColor="@color/black"
                android:textSize="12sp" >
            </TextView>

            <TextView
                android:id="@+id/delChar"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:text="36元"
                android:textColor="@color/gray"
                android:textSize="12sp" >
            </TextView>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="30dp"
                android:gravity="right"
                android:text="已售130300"
                android:textColor="@color/brown"
                android:textSize="12sp" >
            </TextView>
        </LinearLayout>
    </LinearLayout>

</LinearLayout>
发表于 2015-04-23 15:20:22 回复(2)
这是用相对布局写的一个布局,LinearLayout同样可以实现,但是需要多层嵌套,影响代码执行效率。
另外有一点,主要是针对牛客网提出的一个严重的大Bug,在QQ浏览器上面出现了兼容问题,你们项目上线前没有做好浏览器的兼容问题吗?
<?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"
    android:background="#FFFFFF"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/iv_image"
        android:layout_width="120dp"
        android:layout_height="100dp"
        android:layout_margin="3dp"
        android:src="@drawable/ic_launcher" >
    </ImageView>

    <TextView
        android:id="@+id/textview_01"
        android:layout_width="wrap_content"
        android:layout_height="20dp"
        android:layout_marginLeft="5dp"
        android:layout_marginTop="15dp"
        android:layout_toRightOf="@+id/iv_image"
        android:text="COSTA COFFEE"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/textview_02"
        android:layout_width="wrap_content"
        android:layout_height="20dp"
        android:layout_alignParentRight="true"
        android:layout_marginRight="5dp"
        android:layout_marginTop="15dp"
        android:layout_toRightOf="@+id/textview_01"
        android:gravity="right"
        android:text="1.1km" />

    <TextView
        android:id="@+id/textview_03"
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:layout_below="@+id/textview_01"
        android:layout_marginLeft="5dp"
        android:layout_marginTop="5dp"
        android:layout_toRightOf="@+id/iv_image"
        android:text="【北京等】手调类饮料一杯,有WiFi;芳醇口感、浓郁香气" />

    <TextView
        android:id="@+id/textview_04"
        android:layout_width="wrap_content"
        android:layout_height="20dp"
        android:layout_below="@+id/textview_03"
        android:layout_marginLeft="5dp"
        android:layout_toRightOf="@+id/iv_image"
        android:text="25元"
        android:textSize="15dp" />

    <TextView
        android:id="@+id/textview_05"
        android:layout_width="wrap_content"
        android:layout_height="20dp"
        android:layout_below="@+id/textview_03"
        android:layout_toRightOf="@+id/textview_04"
        android:text="36元" />

    <TextView
        android:id="@+id/textview_06"
        android:layout_width="wrap_content"
        android:layout_height="20dp"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/textview_03"
        android:layout_marginRight="5dp"
        android:layout_toRightOf="@+id/textview_05"
        android:gravity="right"
        android:text="已售130300" />

</RelativeLayout>
发表于 2015-04-23 11:18:15 回复(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">
<ImageView
    android:id="@+id/iv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="3dp"
    android:src="@mipmap/coffee"
    />

<TextView
    android:id="@+id/tv_01"
    android:layout_width="wrap_content"
    android:layout_height="20dp"
    android:layout_toRightOf="@+id/iv"
    android:layout_marginTop="5dp"
    android:layout_marginLeft="5dp"
    android:textSize="15sp"
    android:textStyle="bold"
    android:text="COSTA COFFEE"/>

<TextView
    android:id="@+id/tv_02"
    android:layout_width="wrap_content"
    android:layout_height="20dp"
    android:layout_alignParentRight="true"
    android:layout_toRightOf="@+id/tv_01"
    android:layout_marginTop="5dp"
    android:layout_marginRight="10dp"
    android:gravity="right"
    android:textSize="12sp"
    android:text="1.1km"/>

<TextView
    android:id="@+id/tv_03"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="5dp"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="2dp"
    android:layout_toRightOf="@id/iv"
    android:layout_below="@+id/tv_01"
    android:textSize="15sp"
    android:text="【北京等】手调类饮品1杯,有WiFi;芳醇口感、浓郁香气"/>

<TextView
    android:id="@+id/tv_04"
    android:layout_width="wrap_content"
    android:layout_height="20dp"
    android:layout_marginTop="5dp"
    android:layout_marginLeft="5dp"
    android:layout_toRightOf="@+id/iv"
    android:layout_below="@id/tv_03"
    android:textSize="18sp"
    android:text="25元"/>

<TextView
    android:id="@+id/tv_05"
    android:layout_width="wrap_content"
    android:layout_height="20dp"
    android:layout_marginTop="5dp"
    android:layout_marginLeft="5dp"
    android:layout_toRightOf="@+id/tv_04"
    android:layout_below="@+id/tv_03"
    android:gravity="bottom"
    android:textSize="12sp"
    android:text="36元"/>

<TextView
    android:id="@+id/tv_06"
    android:layout_width="wrap_content"
    android:layout_height="20dp"
    android:layout_marginTop="5dp"
    android:layout_marginRight="10dp"
    android:layout_toRightOf="@+id/tv_05"
    android:layout_below="@+id/tv_03"
    android:layout_alignParentRight="true"
    android:gravity="right|bottom"
    android:textSize="12sp"
    android:textStyle="bold"
    android:text="已售130300"/>
</RelativeLayout>


TextView中划线的添加可以在Java代码中设置,方式如下:
mTextView.getPaint().setFlags(Paint. STRIKE_THRU_TEXT_FLAG); //中划线

编辑于 2017-09-03 16:09:14 回复(0)

图片说明

<RelativeLayout
        android:padding="10dp"
        android:layout_width="match_parent"
        android:layout_height="120dp">

        <!--这里放“免预约的图片”-->
        <ImageView
            android:src="@mipmap/ic_launcher"
            android:scaleType="fitXY"
            android:layout_width="130dp"
            android:layout_height="130dp"/>

        <ImageView
            android:layout_marginLeft="10dp"
            android:layout_marginTop="10dp"
            android:scaleType="fitXY"
            android:src="@drawable/demo"
            android:id="@+id/iv_pic"
            android:layout_width="120dp"
            android:layout_height="120dp"
            android:layout_alignParentTop="true"
            android:layout_alignParentStart="true"/>

        <TextView
            android:id="@+id/tv_title"
            android:layout_marginLeft="10dp"
            android:layout_toRightOf="@id/iv_pic"
            android:textColor="#000000"
            android:text="COSTA COFFEE"
            android:maxLines="1"
            android:maxEms="10"
            android:ellipsize="end"
            android:textSize="16sp"
            android:layout_width="wrap_content"
            android:layout_height="20dp"/>

        <TextView
            android:id="@+id/desc"
            android:layout_marginTop="5dp"
            android:layout_below="@id/tv_title"
            android:layout_alignLeft="@id/tv_title"
            android:text="【北京等】手调类饮品一杯,拥有WiFi,方春口感,浓郁象棋"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

        <TextView
            android:id="@+id/tv_price"
            android:layout_alignParentBottom="true"
            android:layout_alignLeft="@id/desc"
            android:textSize="16sp"
            android:textColor="#aaff0000"
            android:text="25元"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

        <FrameLayout
            android:layout_marginStart="10dp"
            android:layout_toRightOf="@id/tv_price"
            android:layout_alignBottom="@id/tv_price"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="36元"/>
            <View
                android:foreground="#555555"
                android:layout_gravity="center"
                android:layout_width="20dp"
                android:layout_height="1dp"/>
        </FrameLayout>
        <TextView
            android:text="已售130300"
            android:textColor="#cc000000"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@+id/tv_price"
            android:layout_alignParentEnd="true"/>
        <TextView
            android:text="1.1km"
            android:layout_alignParentRight="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    </RelativeLayout>
发表于 2018-09-06 13:10:07 回复(0)
<horizonLayout>
    <picturebox>
     <verticalLayout>
    `    <horizonLayout>
       </horizonLayout>
       <TextBox>
       <horizonLayout>
       </horizonLayout>
     </verticalLayout>
</horizonLayout>
发表于 2015-04-23 13:58:20 回复(0)
显然是Linerlayout,因为要顾及屏幕适配问题,所以外层肯定不用Relativelayout,这样外层采用流式布局,保证其弹性。<LinearLayout> <ImageView/><LinearLayout></LinearLayout> </Liearlayout>
发表于 2015-04-23 10:31:13 回复(0)
列表是一个listview,listview再绑定一个单独的布局,该布局中是一个水平的线性布局,左边是imageview,右边是一个竖直的线性布局,里面是是中间一个textview上下再嵌套水平的线性布局然后再放textview。
发表于 2015-04-23 08:49:17 回复(0)
<tablelayout>
<tablerow>image

</tablerow>

</tablelayout>
发表于 2015-04-23 00:39:50 回复(0)
发表于 2015-02-12 20:53:22 回复(0)
ddd头像 ddd
linearlayout中放一个imageview和一个绝对布局,方向水平;
绝对布局中放入这6个textview,通过align等等调整方向
发表于 2015-01-11 18:55:57 回复(2)