如何从XML布局文件创建自定义CardView对象?

时间:2016-12-21 01:59:37

标签: android cardview

我正在尝试创建名为 WeekView 的自定义CardView对象。 WeekView 扩展了CardView。我在XML文件中有一个CardView布局。如何从XML文件中 WeekView “复制”布局?

简单地说,我希望能够做到这一点:

WeekView weekCard = new WeekView();
mainLayout.addView(weekCard);
主活动中的

,其中 mainLayout 是一个空线性布局。 WeekCard应该看起来像XML布局文件中的卡片。

这是XML文件的缩短版本:

<?xml version="1.0" encoding="utf-8"?>

<android.support.v7.widget.CardView 
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:tipbook="http://schemas.android.com/apk/res-auto"
android:id="@+id/week_card_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginTop="8dp"
tipbook:contentPadding="12dp">

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

    <TextView
        android:text="Week View"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/week_view_title"
        android:textSize="12sp"
        android:textAlignment="gravity"
        android:gravity="center"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:textColor="@android:color/darker_gray"
        android:layout_marginTop="4dp"
        android:layout_marginLeft="4dp" />

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        tipbook:srcCompat="@drawable/ic_more_vert_black_18dp"
        android:id="@+id/week_settings_btn"
        android:background="@color/cardview_light_background"
        android:scaleX="1"
        android:scaleY="1"
        android:layout_alignParentTop="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:tint="@color/cardview_shadow_start_color"
        android:tintMode="src_in"
        android:layout_marginRight="4dp"
        android:layout_marginTop="4dp" />


    <LinearLayout
        android:id="@+id/week_days"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:layout_below="@id/week_settings_btn"
        android:weightSum="7"
        android:layout_marginTop="12dp" >



    </LinearLayout>

    <TextView
        android:text="Last Week"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/week_days"
        android:id="@+id/visible_week"
        android:textSize="14sp"
        android:textAlignment="gravity"
        android:gravity="center"
        android:layout_marginTop="12dp" />

    <ImageButton
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/week_days"
        android:layout_marginTop="12dp"
        tipbook:srcCompat="@drawable/ic_expand_more_black_18dp"
        android:id="@+id/more_less_week"
        android:scaleX="1"
        android:scaleY="1"
        android:tint="@color/common_google_signin_btn_text_light_default"
        android:tintMode="src_in"
        android:background="@color/cardview_light_background"
        android:visibility="gone"/>
</RelativeLayout>
</android.support.v7.widget.CardView>

2 个答案:

答案 0 :(得分:2)

使用主视图中链接到该卡片视图的include标记

<include
   android:id="@+id/some_id"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   layout="@layout/your_card_layout" />

包含您要重复使用的布局。

访问它的内部视图

View includedLayout = findViewById(R.id.some_id);
Button buttonInsideTheIncludedLayout = (Button)includedLayout.findViewById(R.id.button);

答案 1 :(得分:0)

这个答案也许太迟了,但是我是Android开发领域的新秀,我认为您正在寻找的LayoutInflater.inflate()方法。

膨胀XML布局并将其作为View返回的方式,在您的情况下为CardView

我的代码示例:

LayoutInflater inflater = LayoutInflater.from(getContext());
CardView newSessionGroupCardView = (CardView) inflater.inflate(R.layout.session_group_cardview, null);

LinearLayout linearParentLayout = getView().findViewById(R.id.session_group_layout);
linearParentLayout.addView(newSessionGroupCardView);

也许这可以帮助某人。进一步阅读Layout Inflater