ANDROID卡扩展为表单布局

时间:2017-01-14 08:27:45

标签: android android-layout android-cardview

下面的图片是我的问题的代表。

math

Pic 1是第一个具有文本视图的活动。如果单击文本视图,它应该扩展到图2以填充一些细节。

我的问题是如何实现这一目标?在android中是否有任何组件。我用Google搜索了这个,但我无法找到解决方案吗?

图2: - 用户在文本框或下拉列表中输入一些数据,用户提交。所以我带他去了第一张照片。

有什么想法吗?通过使用卡片视图我该怎么办?

下面是layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="THis is a first fragment layout"
        />
    <android.support.v7.widget.CardView
        android:id="@+id/card_view1"
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="top"
        android:layout_marginBottom="10dp"
        android:layout_marginEnd="20dp"
        android:layout_marginStart="20dp"
        android:layout_marginTop="10dp"
        android:longClickable="true"
        android:orientation="vertical"
        card_view:cardCornerRadius="4dp"
        card_view:cardElevation="4dp"
        card_view:cardUseCompatPadding="true"
        card_view:contentPadding="10dp"
        >

        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:card_view="http://schemas.android.com/apk/res-auto"
            xmlns:tools="http://schemas.android.com/tools"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <TextView
                android:id="@+id/info_text"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:textColor="#0000" 
                android:text="MY TEXT"
                android:textAlignment="center"
                android:textSize="24sp"
                />

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

1 个答案:

答案 0 :(得分:0)

您需要使用场景动画,请按照教程

进行操作

https://www.bignerdranch.com/blog/building-animations-android-transition-framework-part-1/

您可以在教程

中附带的GIF中看到类似的用例