将搜索过滤器添加到线性布局

时间:2016-07-31 20:41:15

标签: java android android-layout android-linearlayout

看了这个,http://www.androidhive.info/2012/09/android-adding-search-functionality-to-listview/,我试图修改它以使用LinearLayout而不是ListView。

在我的应用程序中,我无法在此实例中使用ListView(因为我显示的是一个相当大的列表,并且不想让它可滚动 - 而是它是整个可滚动的屏幕。)

无论如何,我试图让它与LinearLayout一起使用,但我怀疑getFilter()和LinearLayout存在问题。希望得到一些指导

activity_main.xml中

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

    <!-- Editext for Search -->
    <EditText android:id="@+id/inputSearch"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="Search products.."
        android:inputType="textVisiblePassword"/>

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

   </LinearLayout>



</LinearLayout>

MainActivity.java

package com.me.searchfilter;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutCompat;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.ListView;

import java.util.ArrayList;
import java.util.HashMap;

public class MainActivity extends AppCompatActivity {

    // List view
    private LinearLayout lv;

    // Listview Adapter
    ArrayAdapter<String> adapter;

    // Search EditText
    EditText inputSearch;


    // ArrayList for Listview
    ArrayList<HashMap<String, String>> productList;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // Listview Data
        String products[] = {"Dell Inspiron", "HTC One X", "HTC Wildfire S", "HTC Sense", "HTC Sensation XE",
                "iPhone 4S", "Samsung Galaxy Note 800",
                "Samsung Galaxy S3", "MacBook Air", "Mac Mini", "MacBook Pro"};

        lv = (LinearLayout) findViewById(R.id.list_view_linear);
        inputSearch = (EditText) findViewById(R.id.inputSearch);

        // Adding items to listview
        adapter = new ArrayAdapter<String>(this, R.layout.list_item, R.id.product_name, products);

        for (int i = 0; i < adapter.getCount(); i++) {
            View item = adapter.getView(i, null, null);
            lv.addView(item);
        }


        inputSearch.addTextChangedListener(new TextWatcher() {

            @Override
            public void onTextChanged(CharSequence cs, int arg1, int arg2, int arg3) {
                // When user changed the Text
                MainActivity.this.adapter.getFilter().filter(cs);
            }

            @Override
            public void beforeTextChanged(CharSequence arg0, int arg1, int arg2,
                                          int arg3) {
                // TODO Auto-generated method stub

            }

            @Override
            public void afterTextChanged(Editable arg0) {
                // TODO Auto-generated method stub
            }
        });
    }
}

list_item.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" >

    <!-- Single ListItem -->

    <!-- Product Name -->
    <TextView android:id="@+id/product_name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:padding="10dip"
        android:textSize="16dip"
        android:textStyle="bold"/>

</LinearLayout>

注意:出于显而易见的原因,这不是我的真实应用程序,而是一个小型测试应用程序,可以使线性布局与过滤器一起使用

2 个答案:

答案 0 :(得分:0)

我浏览了链接教程并确认一切正常。如果你可以进一步指明什么不起作用,你需要什么帮助以及为什么你坚持LinearLayout而不是ListView那么我可以提供更大的帮助。以下两个屏幕截图显示了教程的工作原理,我从LinearLayout恢复为ListView,如教程中所示。让我知道您需要什么帮助。

http://imgur.com/a/CfAD9

如果要向单个列表行添加更多信息/更多文本字段,则必须使用自定义ListAdapter,如果您使用的是正在显示的非常大的数据集并且正在滚动/加载你应该使用RecyclerView

答案 1 :(得分:0)

我知道我参加聚会非常晚,但是我遇到了类似的问题,我解决了并认为我会分享。

假设您的XML中有一个ID为LinearLayout的空buttonLayout,您想向其中添加动态数据。通过执行以下操作,您已经将许多按钮循环到上述布局中:

for (final Object value : myArray)

    try {


        final AppCompatButton myButton = new AppCompatButton();
        myButton.setText(value);
        buttonLayout.addView(myButton);


    } catch (Exception e) {
            Log.d(TAG, "Failed to create new button");
    }

现在您要过滤列表。

假设您的XML中已经有一个EditText,您可以在其中进行搜索,可以说您将其称为et_search_name并进行了初始化等。

然后您可以执行以下操作,该操作基于按钮上的名称进行过滤,但是可以轻松地将其更改为所需的任何内容:

 et_search_name.addTextChangedListener(new TextWatcher() {

   @Override
   public void onTextChanged(CharSequence cs, int arg1, int arg2, int arg3) {

   // When user changed the Text
     for(int i = 0; i < buttonLayout.getChildCount(); i++){

        if(!((AppCompatButton)buttonLayout.getChildAt(i)).getText().toString().contains(cs)){

            buttonLayout.getChildAt(i).setVisibility(View.GONE);

            Log.v("Buttons To Disappear", (String)((AppCompatButton)buttonLayout.getChildAt(i)).getText());

       }else{

           buttonLayout.getChildAt(i).setVisibility(View.VISIBLE);

       }
    }
 }