1

カスタム listView xml アイテムを作成しました。しかし、期待した結果が得られません...背景色を変更して、2 番目の画像で何が起こっているかをより詳細に示しました。

基本的に、プレイリスト アイテムは画面の右側に拡張する必要があり、色付きのテキストはすべて画面の右側に配置する必要があります (これがデザイナーが示しているものです)。現在、色付きのテキストは曲のタイトルが終わる位置に並んでいます。

これを修正するにはどうすればよいですか?

期待される結果

期待される結果

私が得ているもの！

私が得ているもの

<?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="64dp"
android:orientation="horizontal" >

<ImageView
    android:id="@+id/imgSongThumbnail"
    android:layout_width="64dp"
    android:layout_height="64dp"
    android:layout_weight="0"
    android:contentDescription="@string/hello_world"
    android:src="@drawable/crayonpop_barbarbar" />

<FrameLayout
    android:layout_width="fill_parent"
    android:layout_height="match_parent"
    android:layout_weight="0" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="match_parent"
        android:layout_margin="8dp"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/txtSongName"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:ellipsize="middle"
            android:singleLine="true"
            android:text="Bar Bar Bar Bar Bar Bar Bar"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:textColor="#DDD" />

        <TextView
            android:id="@+id/txtGroupName"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/group"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textColor="#DDD" 
            android:singleLine="true" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="match_parent"
        android:layout_gravity="end"
        android:layout_margin="8dp"
        android:gravity="bottom"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/txtSongMetaInfo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="end"
            android:layout_weight="0"
            android:text="@string/meta_data"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:textColor="@android:color/holo_blue_bright"
            android:textSize="12sp" />

    </LinearLayout>
</FrameLayout>

</LinearLayout>

アップデート

ここにたくさんの回答が表示されることに気付く前に、ハイブリッドLinearLayoutxスキームに従うようにコードを作り直しました。RelativeLayout@yahyaは私が思いついたものとほぼ同じだったので、その答えを受け入れました.

以下は、私のコード (以下の @yahya の回答と非常によく似ています) が私の電話でどのように見えるかです。さあ...これらの曲を調べて楽しんでください ;)

ここに画像の説明を入力

4

6 に答える 6

1

これがあなたのソリューションです。要件に合った以下のコードをコピーするだけです。

<?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="wrap_content"
android:background="@color/vw_grey_btn" >

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="false"
    android:layout_centerVertical="true"
    android:src="@drawable/logo" />

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="false"
    android:layout_centerVertical="true"
    android:layout_toRightOf="@+id/imageView1"
    android:orientation="vertical"
    android:padding="10dp" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Large Text"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <TextView
            android:id="@+id/textView2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:text="Medium Text"
            android:textAppearance="?android:attr/textAppearanceMedium" />

        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:text="Small Text"
            android:textAppearance="?android:attr/textAppearanceSmall" />

    </RelativeLayout>

</LinearLayout>

</RelativeLayout>

評判が悪いので、スクリーンショットを添付できません:

于 2013-09-19T07:32:00.520 に答える
1

LinearLayout の代わりに RelativeLayout を使用することをお勧めします。RelativeLayout を使用すると、他のコンポーネントに基づいてコンポーネントを整列できます。

この場合、

id txtSongName のメイン テキストビューは、幅を match_parent として取る必要があります。

txtGroupName使用する必要がありますlayout_botton=@id/txtSongName

とtxtSongMetaInfoを使用する必要がlayout_torightof=@id/txtGroupNameありますandroid:layout_alignParentRight="true"

これを行う主な利点は、数のレイアウトが減り、パフォーマンスが向上することです。

于 2013-09-19T03:06:07.067 に答える
0

レイアウトを膨らませるためのコードは何ですか?

このようなものを使用して膨らませる必要があります（BaseAdapterを使用していると仮定します）

convertView = mInflater.inflate(R.layout.XXXX, parent, false);

インフレートするときに ViewGroup ルートとして null を渡すと、ルート レイアウトの fill_parent/match_parent パラメータが無視され、それが wrap_content に設定され、得られた結果が得られます。

希望通りのレイアウトになったように見えても、正しくインフレートしていることを確認する必要があります。

于 2013-09-19T09:36:42.053 に答える