0

こんにちは、写真とその下に名前を表示する水平の recyclerView があります。画像ビューのサイズが固定されていても、画像ビューが異なるサイズで表示され、下のテキストが表示されないか、奇妙に配置されているため、これを機能させることができません。以下は、エミュレーターと私の電話のスクリーンショットです。

画像フォームエミュレータ

読み込み中の携帯電話からの画像 (後ろにテキストが見えますか??)

ロード後の電話からの画像

コード:

recyclerview がある cardView

<android.support.v7.widget.CardView
                android:id="@+id/more_cardView_2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                tools:visibility="visible"
                android:visibility="invisible"
                android:layout_marginRight="8dp"
                android:layout_marginLeft="8dp"
                android:layout_marginBottom="8dp">

                <LinearLayout
                    android:orientation="vertical"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content">

                    <TextView
                        android:layout_marginLeft="8dp"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:textStyle="bold"
                        android:textColor="@android:color/black"
                        android:text="Cast"
                        android:layout_marginBottom="4dp"/>

                    <android.support.v7.widget.RecyclerView
                        android:layout_marginLeft="8dp"
                        android:layout_marginRight="8dp"
                        android:layout_marginBottom="8dp"
                        android:id="@+id/cast_recyclerView"
                        android:layout_width="wrap_content"
                        android:layout_height="135dp">


                    </android.support.v7.widget.RecyclerView>
                </LinearLayout>

            </android.support.v7.widget.CardView>

list_item xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:tools="http://schemas.android.com/tools"
              android:orientation="vertical"
              android:layout_width="100dp"
              android:background="#E0E0E0"
              android:layout_height="135dp">

    <ImageView
        android:id="@+id/profile_pic"
        tools:background="@android:color/black"
        tools:src="@drawable/test"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scaleType="centerInside"/>

    <TextView
        android:layout_marginTop="5dp"
        android:id="@+id/actor_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:singleLine="true"
        android:maxLines="1"
        android:ellipsize="end"
        android:textColor="@android:color/black"
        android:textStyle="bold"
        tools:text="The name of an actor"
        android:textSize="12sp"
        />

    <TextView
        android:id="@+id/actor_role"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:singleLine="true"
        android:maxLines="1"
        android:ellipsize="end"
        tools:text="The character playd by that actor"
        android:textSize="12sp"

        />


</LinearLayout>

このファイルのプレビュー (これは表示されるはずの正しいものです)

4

1 に答える 1

2

水平リサイクラー ビューの場合、次のようなことができます。

LinearLayoutManager horizontalLayoutManagaer
            = new LinearLayoutManager(MainActivity.this, LinearLayoutManager.HORIZONTAL, false);
cast_recyclerView.setLayoutManager(horizontalLayoutManagaer);
cast_recyclerView.setAdapter(horizontalAdapter);

list_item .xml を次のように変更します。

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:background="#E0E0E0"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/profile_pic"
        tools:background="@android:color/black"
        tools:src="@drawable/test"
        android:layout_width="100dp"
        android:layout_height="135dp"
        android:scaleType="centerCrop"/>

    <TextView
        android:layout_marginTop="5dp"
        android:layout_gravity="center"
        android:id="@+id/actor_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:singleLine="true"
        android:maxLines="1"
        android:ellipsize="end"
        android:textColor="@android:color/black"
        android:textStyle="bold"
        tools:text="The name of an actor"
        android:textSize="12sp"/>

    <TextView
        android:id="@+id/actor_role"
        android:layout_gravity="center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:singleLine="true"
        android:maxLines="1"
        android:ellipsize="end"
        tools:text="The character playd by that actor"
        android:textSize="12sp"/>
</LinearLayout>

また、 cardView で recyclerview を次のように変更します。

<android.support.v7.widget.RecyclerView
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginBottom="8dp"
        android:id="@+id/cast_recyclerView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
</android.support.v7.widget.RecyclerView> 
于 2016-09-29T19:00:58.387 に答える