0

私の要点を理解できるように、ここに画像があります： ここに画像の説明を入力

したがって、コード (A) は次のとおりです。

<?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="wrap_content"
    android:background="@drawable/list_selector"
    android:orientation="horizontal"
    android:padding="5dip" >   

    <!--  ListRow Left sied Thumbnail image -->
    <LinearLayout android:id="@+id/thumbnail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="3dip"
        android:layout_alignParentLeft="true"
        android:layout_marginRight="5dip"
        android:background="@drawable/image_bg">

        <ImageView
            android:id="@+id/product_image"
            android:layout_width="50dip"
            android:layout_height="50dip"
            android:src="@drawable/bag"
            android:scaleType="fitXY"/>

    </LinearLayout>


    <TextView
        android:id="@+id/title_product"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/thumbnail"
        android:layout_toRightOf="@+id/thumbnail"
        android:text="Title of product"
        android:textColor="#040404"
        android:textSize="15sp"
        android:textStyle="bold"
        android:typeface="sans" 
        android:lines="2"
        android:gravity="left"
        />

    <TextView
        android:id="@+id/model_product"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/title_product"
        android:textColor="#343434"
        android:textSize="10dip"
        android:layout_marginTop="1dip"
        android:layout_toRightOf="@+id/thumbnail"
        android:text="Model..." />

    <TextView
        android:id="@+id/price_product"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignTop="@id/title_product"
        android:gravity="right"
        android:text="10,99€"
        android:layout_marginRight="5dip"
        android:textSize="13dip"
        android:textColor="#10bcc9"
        android:textStyle="bold"/>

</RelativeLayout>

コード (B):

<?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="wrap_content"
    android:background="@drawable/list_selector"
    android:orientation="horizontal"
    android:padding="5dip" >   

    <!--  ListRow Left sied Thumbnail image -->
    <LinearLayout android:id="@+id/thumbnail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="3dip"
        android:layout_alignParentLeft="true"
        android:layout_marginRight="5dip"
        android:background="@drawable/image_bg">

        <ImageView
            android:id="@+id/product_image"
            android:layout_width="50dip"
            android:layout_height="50dip"
            android:src="@drawable/bag"
            android:scaleType="fitXY"/>

    </LinearLayout>

    <TextView
        android:id="@+id/title_product"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/thumbnail"
        android:layout_toRightOf="@+id/thumbnail"
        android:layout_toLeftOf="@+id/price_product"
        android:maxLines="1" 
        android:text="Title of product"
        android:textColor="#040404"
        android:textSize="15sp"
        android:textStyle="bold"
        android:typeface="sans" 
        android:lines="2"
        android:gravity="left"
        />

    <TextView
        android:id="@+id/model_product"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/title_product"
        android:textColor="#343434"
        android:textSize="10dip"
        android:layout_marginTop="1dip"
        android:layout_toRightOf="@+id/thumbnail"
        android:text="Model..." />

    <TextView
        android:id="@+id/price_product"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:text="10,99€"
        android:layout_marginRight="5dip"
        android:textSize="13dip"
        android:textColor="#10bcc9"
        android:textStyle="bold"/>

</RelativeLayout>

ご覧のとおり、「タイトル商品」が「価格」と重なっています。最初の画像で私が望むものを達成するための最良のアプローチは何ですか?

4

2 に答える 2

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="wrap_content"
    android:orientation="horizontal"
android:background="@drawable/list_selector"
    android:padding="5dip" >   

    <LinearLayout 
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="5dip" >   

    <!--  ListRow Left sied Thumbnail image -->
    <LinearLayout android:id="@+id/thumbnail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="3dip"
        android:background="@drawable/image_bg"
        android:layout_marginRight="5dip">

        <ImageView
            android:id="@+id/product_image"
            android:layout_width="50dip"
            android:layout_height="50dip"
            android:src="@drawable/bag"
            android:scaleType="fitXY"/>

    </LinearLayout>

    <LinearLayout android:id="@+id/thumbnail"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:padding="3dip"
        android:layout_weight="0.7"
        android:orientation="vertical"
        android:layout_marginRight="5dip">
    <TextView
        android:id="@+id/title_product"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Title of product"
        android:textColor="#040404"
        android:textSize="15sp"
        android:textStyle="bold"
        android:typeface="sans" 
        android:gravity="left"
        />

    <TextView
        android:id="@+id/model_product"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#343434"
        android:textSize="10dip"
        android:layout_marginTop="1dip"
        android:text="Model..." />
</LinearLayout>
<LinearLayout android:id="@+id/thumbnail"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:padding="3dip"
        android:layout_weight="0.3"
        android:orientation="vertical"
        android:layout_marginRight="5dip">
    <TextView
        android:id="@+id/price_product"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:text="10,99€"
        android:layout_marginRight="5dip"
        android:textSize="13dip"
        android:textColor="#10bcc9"
        android:textStyle="bold"/>
</LinearLayout>
</LinearLayout>
于 2013-10-07T09:22:15.193 に答える
1

行末に ellipsize を配置するか、複数行の TextView を作成する必要があります。つまり、行 1 で完了したときに textview が新しい行を見つけられるようにする必要があります。

android:ellipsize="end"

それはあなたのために働くかもしれません。

于 2013-10-07T09:24:19.347 に答える