0

ここに画像の説明を入力

上の画像には、アイコンが画像の上部に配置されていないことから始まる多くの問題があります。また、アイコンに対して UserName を中央に配置したいと思います。

最後に、最後の行を左の画像の下部に揃えたいと思います。

私はlayout_weightを使い始めましたが、うまくいきませんでした。そこで、ハード幅と高さを適用しました。

理想的には、最初の ImageView が行の 30% を占めるようにしたいと考えています。アイコンは 7% を占め、残りは最初の行のテキストビューに割り当てられます。

ご提案いただきありがとうございます。

    <?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/custom_shape"
                >

    <ImageView
        android:id="@+id/imgVideo"
        android:src="@drawable/video_default_preview"
        android:layout_width = "150dp"
        android:layout_height= "150dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"/>

    <ImageView
        android:id="@+id/imgOwner"
        android:layout_width = "35dp"
        android:layout_height= "35dp"
        android:src="@drawable/icon_default_avator"
        android:layout_marginBottom="10dp"
        android:layout_alignTop="@+id/imgVideo"
        android:layout_marginRight="10dp"
        android:layout_toRightOf="@id/imgVideo"/>

    <TextView
        android:id="@+id/txtUserName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Plus"
        android:layout_marginBottom="10dp"
        android:layout_toRightOf="@id/imgOwner"/>

    <TextView
        android:id="@+id/txtVideoTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Mercedes SL 55"
        android:textSize="10sp"
        android:layout_marginBottom="10dp"
        android:layout_alignLeft="@+id/imgOwner"
        android:layout_below="@id/imgOwner"/>

    <TextView
        android:id="@+id/txtVideoName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="European Car ..."
        android:textSize="10sp"
        android:layout_alignLeft="@+id/txtVideoTitle"
        android:layout_below="@+id/txtVideoTitle"
        />
</RelativeLayout>
4

2 に答える 2

0
// try this
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="wrap_content"
    android:padding="5dp"
    android:layout_width="match_parent">

    <ImageView
        android:layout_height="150dp"
        android:layout_width="150dp"
        android:src="@drawable/ic_launcher"
        android:adjustViewBounds="true"
        android:scaleType="fitXY"/>

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

        <LinearLayout
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            android:gravity="center_vertical">

            <ImageView
                android:layout_height="35dp"
                android:layout_width="35dp"
                android:src="@drawable/ic_launcher"
                android:adjustViewBounds="true"
                android:scaleType="fitXY"/>

            <TextView
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:textSize="10sp"
                android:layout_marginLeft="5dp"
                android:text="Plus"/>
        </LinearLayout>

        <TextView
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:textSize="10sp"
            android:layout_marginTop="5dp"
            android:text="Mercedes SL 55"/>

        <TextView
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:textSize="10sp"
            android:layout_marginTop="5dp"
            android:text="European Car ..."/>

    </LinearLayout>
</LinearLayout>
于 2013-11-07T03:58:00.933 に答える