Question

我必须创建一个应用程序，它在Recycler视图中显示一些数据并设置一个高级filtring选项。搜索的主要选项应列在左侧，如果正在选择项目，则应相应地显示指定带复选框的范围的选项集。我无法使用布局设置此视图，请帮我这样做。

请提前帮助我做到这一点

这就是我所做的

<?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/activity_search"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.jijoabraham.informe.search"
android:background="#ffffff">
<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    android:background="#FF00BCD4"

    >
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar_filter"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="#1d2643"
        app:layout_scrollFlags="scroll|enterAlways"

        app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Sales Report"
            android:layout_gravity="center"
            android:textSize="20sp"
            android:textColor="@android:color/background_light" />



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

</android.support.design.widget.AppBarLayout>
<LinearLayout
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/layright"
    android:layout_alignParentRight="true"
    android:layout_toRightOf="@+id/layleft"
    android:layout_above="@+id/laybottom"
    android:background="#ffffff"></LinearLayout>

<LinearLayout
    android:orientation="vertical"
    android:layout_height="match_parent"
    android:id="@+id/layleft"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_width="100dp"
    android:gravity="center"
    android:layout_above="@+id/laybottom"
    android:background="#ffffff"
    android:padding="5dp">

    <Button
        android:text="Date"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/dte_btn"
        android:background="@color/colorPrimaryDark"
        android:textColor="#ffffff"
        android:onClick="onSelect"
        android:layout_marginBottom="5dp" />

    <Button
        android:text="Branch"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/branch_btn"
        android:background="@color/colorPrimaryDark"
        android:textColor="#ffffff"
        android:onClick="onSelect"
        android:padding="5dp"
        android:layout_marginTop="5dp"
        android:layout_marginBottom="5dp" />

    <Button
        android:text="Reports"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/reports_btn"
        android:background="@color/colorPrimaryDark"
        android:textColor="#ffffff"
        android:onClick="onSelect"
        android:padding="5dp"
        android:layout_marginTop="5dp" />
</LinearLayout>

<LinearLayout
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:foregroundGravity="bottom"
    android:id="@+id/laybottom"
    android:layout_alignParentBottom="true">

    <Button
        android:text="Clear"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/btn_clear"
        android:background="@color/colorPrimaryDark"
        android:textColor="#ffffff"
        android:padding="5dp" />

    <Button
        android:text="Apply Filter"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btn_filter"
        android:layout_gravity="right"
        android:gravity="center"
        android:foregroundGravity="right"
        android:background="@color/colorPrimaryDark"
        android:textColor="#ffffff"
        android:padding="5dp"
        android:layout_marginLeft="10dp" />
</LinearLayout>

Answer 1

您可以轻松地在片段的帮助下创建此类布局。创建四个不同的片段：

最左侧屏幕的FilterMenuFragment。
如果选择了日期，则右侧屏幕的DateFilterFragment。
如果选中“入场”，则右侧屏幕的AdmissionFilterFragment。
如果选择了Rank，则右侧屏幕的RankFilterFragment。

在您的Activity类中，您可以相应地处理片段的可见性。

尝试以下布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/transparent"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/bottomLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:weightSum="1">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0.5"
            android:text="Clear" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0.5"
            android:text="Apply Filter" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/bottomLayout"
        android:background="@android:color/holo_red_dark"
        android:orientation="horizontal"
        android:weightSum="1">

        <RelativeLayout
            android:id="@+id/leftLayout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@android:color/holo_blue_bright"
            android:gravity="left"
            android:layout_weight="0.60"/>

        <RelativeLayout
            android:id="@+id/rightLayout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="0.40"
            android:gravity="right"
            android:background="@android:color/holo_green_dark" />
    </LinearLayout>
</RelativeLayout>

要处理单击Clear和Apply按钮，使用两个方法创建接口apply（data）和clear（data），并在所有右侧片段中实现这些方法。

android中的高级过滤

1 个答案: