【发布时间】:2017-02-13 14:48:43
【问题描述】:
我正在尝试创建三个CardView,每个都包含一些ImageView 和TextView。我没有使用RecyclerView,因为在该活动中我将始终拥有这 3 个CardViews。但是为什么CardView的内容如文字显示(在预览和应用中)?
这是我的活动 XML 代码。我已经在strings.xml 中设置了相应的值。
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<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="wrap_content"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.yankee.cw.ll_home">
<android.support.v7.widget.CardView
xmlns:card_view="http://schemas.android.com/apk/res-auto"
app:cardUseCompatPadding="true"
android:id="@+id/card_view0"
android:layout_gravity="center"
android:padding="16dp"
android:clickable="true"
card_view:contentPadding="24dp"
android:foreground="?android:attr/selectableItemBackground"
android:layout_width="match_parent"
android:layout_height="200dp"
card_view:cardBackgroundColor="@color/cardview_light_background"
card_view:cardElevation="@dimen/cardview_default_elevation"
card_view:cardCornerRadius="4dp">
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:weightSum="1"
android:layout_height="0dp">
<ImageView
android:layout_width="0dp"
android:layout_weight="0.15"
android:layout_height="match_parent" />
<TextView
android:layout_width="0dp"
android:layout_weight="0.70"
android:layout_gravity="center"
android:textAllCaps="true"
android:text="@string/ll_home_card_title_1"
android:layout_height="match_parent" />
<ImageView
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.15"/>
</LinearLayout>
<TextView
android:layout_width="match_parent"
android:text="@string/ll_home_card_content_1"
android:layout_height="0dp" />
</android.support.v7.widget.CardView>
<android.support.v7.widget.CardView
xmlns:card_view="http://schemas.android.com/apk/res-auto"
app:cardUseCompatPadding="true"
android:id="@+id/card_view1"
android:layout_gravity="center"
android:padding="16dp"
android:clickable="true"
android:foreground="?android:attr/selectableItemBackground"
android:layout_width="match_parent"
android:layout_height="200dp"
card_view:cardBackgroundColor="@color/cardview_light_background"
card_view:cardElevation="@dimen/cardview_default_elevation"
card_view:cardCornerRadius="4dp">
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:weightSum="1"
android:layout_height="0dp">
<ImageView
android:layout_width="0dp"
android:layout_weight="0.15"
android:layout_height="match_parent" />
<TextView
android:layout_width="0dp"
android:layout_weight="0.70"
android:layout_gravity="center"
android:textAllCaps="true"
android:text="@string/ll_home_card_title_2"
android:layout_height="match_parent" />
<ImageView
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.15"/>
</LinearLayout>
<TextView
android:layout_width="match_parent"
android:text="@string/ll_home_card_content_2"
android:layout_height="0dp" />
</android.support.v7.widget.CardView>
<android.support.v7.widget.CardView
xmlns:card_view="http://schemas.android.com/apk/res-auto"
app:cardUseCompatPadding="true"
android:id="@+id/card_view2"
android:layout_gravity="center"
android:clickable="true"
android:foreground="?android:attr/selectableItemBackground"
android:padding="16dp"
android:layout_width="match_parent"
android:layout_height="200dp"
card_view:cardBackgroundColor="@color/cardview_light_background"
card_view:cardCornerRadius="4dp">
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:weightSum="1"
android:layout_height="0dp">
<ImageView
android:layout_width="0dp"
android:layout_weight="0.15"
android:layout_height="match_parent" />
<TextView
android:layout_width="0dp"
android:layout_weight="0.70"
android:layout_gravity="center"
android:textAllCaps="true"
android:text="@string/ll_home_card_title_3"
android:layout_height="match_parent" />
<ImageView
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.15"/>
</LinearLayout>
<TextView
android:layout_width="match_parent"
android:text="@string/ll_home_card_content_3"
android:layout_height="0dp" />
</android.support.v7.widget.CardView>
</LinearLayout>
</ScrollView>
【问题讨论】:
-
设置线性布局和文本视图高度 android:layout_height="0dp" 来包裹内容。
-
试试把scrollview改成nestedscrollview,也可以去掉card view周围的线性布局,不用它也可以实现padding,margin
-
@KevinCrain 谢谢,好的,我会试试的。
-
@Yankee 不要删除线性只是更改为嵌套滚动视图,抱歉我快速滚动了两个并认为只有一个卡片视图,现在我看到还有更多。
-
@Yankee 随时,下次我会在给出建议之前对代码进行物理测试:)
标签: android xml layout android-cardview cardview