Question

只有图像显示在cardview中。如何显示textview。我想在各个图像下方显示硬编码文本。这里是布局的xml文件。enter image description here。这是最终需要的布局，但我只是能够做到这一点。 enter image description here

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.gcg.justtry.MainActivity">

<RelativeLayout
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:layout_marginTop="8dp"
 tools:context="com.example.gcg.justtry.MainActivity">

 <android.support.v7.widget.CardView
  android:id="@+id/card"
        android:layout_width="85dp"
        android:layout_height="130dp"
        android:layout_marginStart="4dp"
        android:layout_marginEnd="2dp"

        >

        <RelativeLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <ImageView
                android:contentDescription="Computer Society"
                android:id="@+id/csy"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/cs" />
            <TextView
                android:id="@+id/comp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/csy"
                android:text="Computer Society"
                android:textSize="16sp"
                android:paddingStart="10dp"/>


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

    <android.support.v7.widget.CardView
        android:id="@+id/card1"
        android:layout_width="85dp"
        android:layout_height="130dp"
        android:layout_marginLeft="2dp"
        android:layout_marginRight="2dp"
        android:layout_toEndOf="@id/card">

        <RelativeLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <ImageView
                android:id="@+id/micro"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/mtts" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/micro"
                android:text="MTT-S"
                android:paddingStart="10dp"/>


        </RelativeLayout>

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

    <android.support.v7.widget.CardView
        android:id="@+id/card2"
        android:layout_width="85dp"
        android:layout_height="130dp"
        android:layout_marginLeft="2dp"
        android:layout_marginRight="2dp"
        android:layout_toEndOf="@id/card1">

        <RelativeLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <ImageView
                android:id="@+id/power"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:src="@drawable/pes" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/power"
                android:text="PES"
                android:paddingStart="10dp"/>


        </RelativeLayout>

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

    <android.support.v7.widget.CardView
        android:id="@+id/card3"
        android:layout_width="85dp"
        android:layout_height="130dp"
        android:layout_marginStart="2dp"
        android:layout_marginEnd="4dp"


        android:layout_toEndOf="@id/card2">

        <RelativeLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <ImageView
                android:id="@+id/women"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/wie" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/women"
                android:text="WIE"
                android:paddingStart="10dp"/>


        </RelativeLayout>

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


</RelativeLayout>




</LinearLayout>

Answer 1

尝试此代码并相应地更改android：src属性。

   <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:weightSum="4"
    android:layout_marginRight="10dp"
    android:layout_marginLeft="10dp"
    android:orientation="horizontal">

    <android.support.v7.widget.CardView
        android:id="@+id/card"
        android:layout_width="0dp"
        android:layout_height="130dp"
        android:layout_weight="1">

        <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <ImageView
                android:id="@+id/csy"
                android:layout_width="match_parent"
                android:layout_height="90dp"
                android:contentDescription="Computer Society"
                android:src="@mipmap/ic_launcher" />

            <TextView
                android:id="@+id/comp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/csy"
                android:layout_centerVertical="true"
                android:layout_marginLeft="10dp"
                android:layout_marginStart="10dp"
                android:text="Computer Society"
                android:textSize="16sp" />


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

    <android.support.v7.widget.CardView
        android:id="@+id/card1"
        android:layout_width="0dp"
        android:layout_height="130dp"
        android:layout_weight="1"
        android:layout_marginLeft="2dp"
        android:layout_marginRight="2dp">

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

            <ImageView
                android:id="@+id/micro"
                android:layout_width="match_parent"
                android:layout_height="90dp"
                android:src="@mipmap/ic_launcher" />

            <TextView
                android:id="@+id/tv_mtt"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginStart="10dp"
                android:layout_below="@id/micro"
                android:text="MTT-S" />


        </RelativeLayout>

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

    <android.support.v7.widget.CardView
        android:id="@+id/card2"
        android:layout_width="0dp"
        android:layout_height="130dp"
        android:layout_weight="1"
        android:layout_marginLeft="2dp"
        android:layout_marginRight="2dp">

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

            <ImageView
                android:id="@+id/power"
                android:layout_width="match_parent"
                android:layout_height="90dp"
                android:src="@mipmap/ic_launcher" />

            <TextView
                android:id="@+id/tv_pes"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginStart="10dp"
                android:layout_below="@id/power"
                android:text="PES" />


        </RelativeLayout>

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

    <android.support.v7.widget.CardView
        android:id="@+id/card3"
        android:layout_width="0dp"
        android:layout_height="130dp"
        android:layout_weight="1">

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

            <ImageView
                android:id="@+id/women"
                android:layout_width="match_parent"
                android:layout_height="90dp"
                android:src="@mipmap/ic_launcher" />

            <TextView
                android:id="@+id/tv_wie"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginStart="10dp"
                android:layout_below="@id/women"
                android:text="WIE" />


        </RelativeLayout>

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

</LinearLayout>

见图像

Answer 2

尝试增加卡片视图的高度，您没有为textview显示提供足够的空间，添加warp_content作为cardview高度

  <android.support.v7.widget.CardView
    android:id="@+id/card1"
    android:layout_width="85dp"
    android:layout_height="wrap_content"
    android:layout_marginLeft="2dp"
    android:layout_marginRight="2dp"
    android:layout_toEndOf="@id/card">

这很好，我猜......

为TextView设置文本颜色。我喜欢

<TextView
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_below="@id/power"
   android:text="PES"
   android:textcolor="@color/blue"
   android:paddingStart="10dp"/>

cardview内的文字无法显示

2 个答案: