1. 首页
  2. 问答
  3. 如何在Android Studio中显示两个卡片视图而不使用Recycler-view？

如何在Android Studio中显示两个卡片视图而不使用Recycler-view？

2015-12-30 25 views

回答

1

我还没有实现一个RecyclerView，但是我已经在一个线性布局复制两行：

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


    <android.support.v7.widget.CardView 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     xmlns:card_view="http://schemas.android.com/apk/res-auto" 
     android:background="#303030" 
     android:id="@+id/cv1" 
     card_view:cardElevation="5dp" 
     android:foreground="?android:attr/selectableItemBackground" 
     xmlns:android="http://schemas.android.com/apk/res/android"> 

     <RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="80dp" 
      android:layout_margin="4dp" 
      android:longClickable="true" 
      android:background="#303030"> 

      <ImageView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:id="@+id/person_photo" 
       android:background="@drawable/vector_red" 
       android:layout_alignBottom="@+id/txtSub" /> 


      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:textAppearance="?android:attr/textAppearanceLarge" 
       android:text="Large Text" 
       android:id="@+id/txtMain" 
       android:layout_alignParentTop="true" 
       android:layout_toRightOf="@+id/person_photo" 
       android:layout_toEndOf="@+id/person_photo" 
       android:elevation="4dp" 
       android:textSize="20dp" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:textAppearance="?android:attr/textAppearanceSmall" 
       android:text="Small Text" 
       android:id="@+id/txtSub" 
       android:layout_below="@+id/txtMain" 
       android:layout_toRightOf="@+id/person_photo" 
       android:layout_toEndOf="@+id/person_photo" /> 

     </RelativeLayout> 

    </android.support.v7.widget.CardView> 
    <android.support.v7.widget.CardView 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     xmlns:card_view="http://schemas.android.com/apk/res-auto" 
     android:background="#303030" 
     android:id="@+id/cv1" 
     card_view:cardElevation="5dp" 
     android:foreground="?android:attr/selectableItemBackground" 
     xmlns:android="http://schemas.android.com/apk/res/android"> 

     <RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="80dp" 
      android:layout_margin="4dp" 
      android:longClickable="true" 
      android:background="#303030"> 

      <ImageView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:id="@+id/person_photo" 
       android:background="@drawable/vector_red" 
       android:layout_alignBottom="@+id/txtSub" /> 


      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:textAppearance="?android:attr/textAppearanceLarge" 
       android:text="Large Text" 
       android:id="@+id/txtMain" 
       android:layout_alignParentTop="true" 
       android:layout_toRightOf="@+id/person_photo" 
       android:layout_toEndOf="@+id/person_photo" 
       android:elevation="4dp" 
       android:textSize="20dp" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:textAppearance="?android:attr/textAppearanceSmall" 
       android:text="Small Text" 
       android:id="@+id/txtSub" 
       android:layout_below="@+id/txtMain" 
       android:layout_toRightOf="@+id/person_photo" 
       android:layout_toEndOf="@+id/person_photo" /> 

     </RelativeLayout> 

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

</LinearLayout>

通盘考虑，您可能需要更改视图id的

让我们进一步解释这一点：

这是一个带有垂直方向的LinearLayout，这意味着LinearLayout中的元素将会一个接一个地垂直放置。这是它的要点。

如果您想要更好地控制项目的放置方式，请考虑在根处使用RelativeLayout。

来源

2015-12-30 11:18:47 Skynet

0

您可以创建一个可容纳卡片的布局。这种接近方式在将来需要添加或移除卡片时提供了灵活性。

preference.xml

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

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@color/white_alpha" 
     android:orientation="vertical" 
     android:title="@string/your_title"> 

     <include layout="@layout/first_card"/> 

     <include layout="@layout/second_card"/> 

    </LinearLayout> 
</ScrollView>

接下来，建立两个证布局：

first.xml

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" 
           xmlns:app="http://schemas.android.com/apk/res-auto" 
           xmlns:tools="http://schemas.android.com/tools" 
           android:layout_width="fill_parent" 
           android:layout_height="wrap_content" 
           android:layout_gravity="center_horizontal" 
           android:layout_marginBottom="8dp" 
           app:cardBackgroundColor="@color/white" 
           app:cardCornerRadius="0dp" 
           app:cardElevation="8dp" 
           tools:showIn="@layout/preference"> 

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

    <TextView 
     android:id="@+id/name" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:paddingLeft="15dp" 
     android:paddingRight="15dp" 
     android:paddingTop="10dp" 
     android:paddingStart="15dp" 
     android:text="@string/your_text" 
     android:textColor="@color/color" 
     android:textSize="14sp" 
     android:textStyle="bold"/> 

</LinearLayout>

second.xml

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" 
           xmlns:app="http://schemas.android.com/apk/res-auto" 
           xmlns:tools="http://schemas.android.com/tools" 
           android:layout_width="fill_parent" 
           android:layout_height="wrap_content" 
           android:layout_gravity="center_horizontal" 
           android:layout_marginBottom="8dp" 
           app:cardBackgroundColor="@color/white" 
           app:cardCornerRadius="0dp" 
           app:cardElevation="8dp" 
           tools:showIn="@layout/preference"> 

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

    <TextView 
     android:id="@+id/name" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:paddingLeft="15dp" 
     android:paddingRight="15dp" 
     android:paddingTop="10dp" 
     android:paddingStart="15dp" 
     android:text="@string/your_text" 
     android:textColor="@color/color" 
     android:textSize="14sp" 
     android:textStyle="bold"/> 

</LinearLayout>

来源

2015-12-30 11:21:30 TejjD

相关问题

 相关问题