在 Android 中展开和折叠答案

【问题标题】：Expand and Collapase in Android在 Android 中展开和折叠
【发布时间】：2014-03-14 06:08:33
【问题描述】：

我想创建一个具有展开和折叠功能的布局。展开应该是这样的，一次只能展开一行，如果用户首先点击另一行应该自行关闭。在每一行我都有展示不同的布局设计。

请在这方面帮助我，我已经搜索过，但我不知道如何创建此功能。请将此作为参考。请建议我获得此功能的最佳方法

【问题讨论】：

你为什么不用ExpandableListView？
每个标题的布局会有所不同，所以我们该如何做这个 ExpandableListView
如果所有 Header 的所有数据都不同，那么您可以使用上滑和下滑动画。
您可以相应地给出简单的if and else条件。
不同的布局设计意味着只是改变背景颜色或想膨胀单独的布局？

标签： android android-layout android-fragments

【解决方案1】：

您可以使用lib Accordion-View 截图是：

【讨论】：

我怎么能用这个我不明白。我必须在片段中使用它>>
看到这个github.com/hamsterready/android-accordion-view/blob/master/res/…
这个通俗易懂，好用
我想在其中添加这些部分，但我无法从它发生的地方得到，我想在每个部分中添加不同的布局，但我无法得到它
在哪里添加布局？？

【解决方案2】：

我已经实现了一些代码作为@Super User 建议的答案。因此，我认为您一定会得到您的解决方案。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:accordion="http://schemas.android.com/apk/res-auto/com.sentaca.android.accordion"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@android:color/white"
android:orientation="vertical" >

<LinearLayout
    android:id="@+id/main_header"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:background="#ff0000"
    android:orientation="horizontal" >

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="Offline Booking Request"
        android:textColor="#fff"
        android:textStyle="bold" />
</LinearLayout>

<ScrollView
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:layout_weight="1" >

    <com.sentaca.android.accordion.widget.AccordionView
        android:id="@+id/accordion_view"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        accordion:header_layout_fold_button_id="@id/foldButton"
        accordion:header_layout_id="@layout/accordion_header"
        accordion:header_layout_label_id="@id/foldText"
        accordion:section_bottom="@layout/accordion_footer"
        accordion:section_container="@layout/accordion_section"
        accordion:section_container_parent="@id/section_content"
        accordion:section_headers="@array/accordion_sections"
        accordion:section_visibility="@array/accordion_visibility"
        android:background="#fff5f5f5"
        android:orientation="vertical" >

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

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Please specify offline car details if you need any cars of travels"
                android:textSize="14sp" />

            <CheckBox
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="45dp"
                android:text="Plase click the checkbox to send the details"
                android:textColor="#ff0000" />

            <include layout="@layout/radio" >
            </include>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/example_get_by_id"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Item 2" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Item 3" />
        </LinearLayout>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Item 4" />

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

            <RatingBar
                android:id="@+id/ratingBar1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

            <EditText
                android:id="@+id/editText1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

            <SeekBar
                android:id="@+id/seekBar1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
        </LinearLayout>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Item 4" />
    </com.sentaca.android.accordion.widget.AccordionView>
</ScrollView>

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

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Review" />

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Confirm" />
</LinearLayout>

</LinearLayout>

现在只要记住一件事，只要您想添加布局项目，然后在线性布局中添加项目并为不同的部分制作不同的布局，然后将该布局包含在您的线性布局中。我已经尝试了一个名为 radio.xml 文件的部分，该文件包含在上面的线性布局中。

radio.xml

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

<RadioGroup
    android:id="@+id/radioGroup1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="15dp"
    android:orientation="horizontal" >

    <RadioButton
        android:id="@+id/radio0"
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:checked="true"
        android:text="Domestic"
        android:textColor="#ff0000" />

    <RadioButton
        android:id="@+id/radio1"
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:text="InterNational"
        android:textColor="#ff0000" />
</RadioGroup>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="Pick Up Location"
            android:textAppearance="?android:attr/textAppearanceSmall" />

        <EditText
            android:id="@+id/editText1"
            android:layout_width="0dp"
            android:layout_height="30dp"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:ems="10" >

            <requestFocus />
        </EditText>

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="DropLocation"
            android:textAppearance="?android:attr/textAppearanceSmall" />

        <EditText
            android:id="@+id/editText2"
            android:layout_width="0dp"
            android:layout_height="30dp"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:ems="10" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="10dp"
            android:text="Car Type"
            android:textColor="#000" />

        <Spinner
            android:id="@+id/spinner1"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_gravity="center"
            android:layout_weight="1" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="10dp"
            android:text="Remarks"
            android:textColor="#000" />

        <EditText
            android:id="@+id/editText3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:ems="10"
            android:inputType="textMultiLine" />
    </LinearLayout>
</LinearLayout>

</LinearLayout>

【讨论】：

@PoojaDubey 你总是会来的.. 很高兴帮助你！！

【解决方案3】：

您可以从 ExpandableListView 开始并根据需要对其进行自定义。我认为这将是一个很好的开始方式。请按照以下链接自定义 ExpandableListView ：

http://androidexample.com/Custom_Expandable_ListView_Tutorial_-_Android_Example/index.php?view=article_discription&aid=107&aaid=129

您可以在 Google 上获取更多关于自定义 expandablelistview 的链接。希望对您有所帮助。

【讨论】：

【解决方案4】：

您可以使用 scaleAnimation ，您可以在每个部分中添加布局面板和布局文本视图或任何您需要的内容。看到这个。希望对你有帮助。

http://wwwpriyaandroid.blogspot.in/2013/10/accordion.html

【讨论】：