Android 带有文本和图像的自定义Listview搜索框

Android 带有文本和图像的自定义Listview搜索框,android,image,listview,search,Android,Image,Listview,Search,大家好。我创建了一个包含图像、文本和搜索框的列表视图。 这是我的代码:java和布局。所以,我需要一些帮助。我不知道怎么做,我的搜索框开始工作了。我需要一个密码 My MainActivity.java package android.codigos; import android.app.Activity; import android.codigos.objetos.ItemListView; import android.graphics.Color; import android.os

大家好。我创建了一个包含图像、文本和搜索框的列表视图。 这是我的代码:java和布局。所以,我需要一些帮助。我不知道怎么做,我的搜索框开始工作了。我需要一个密码

My MainActivity.java

package android.codigos;

import android.app.Activity;
import android.codigos.objetos.ItemListView;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;

import android.widget.EditText;
import android.widget.ListView;
import android.widget.Toast;
import java.util.ArrayList;



public class MainActivity extends Activity implements OnItemClickListener {

private ListView listView;
private EditText ed;
private AdapterListView adapterListView;
private ArrayList<ItemListView> itens;

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    //carrega o layout onde contem o ListView
    setContentView(R.layout.main);

    //Pega a referencia do ListView
    listView = (ListView) findViewById(R.id.list);
    ed = (EditText)findViewById(R.id.EditText01);
    //Define o Listener quando alguem clicar no item.
    listView.setOnItemClickListener(this);

    createListView();
}

private void createListView() {
    //Criamos nossa lista que preenchera o ListView
    itens = new ArrayList<ItemListView>();
    ItemListView item1 = new ItemListView("Bahia", R.drawable.bahia);
    ItemListView item2 = new ItemListView("Minas Gerais", R.drawable.minasgerais);
    ItemListView item3 = new ItemListView("Rio de Janeiro", R.drawable.riodejaneiro);
    ItemListView item4 = new ItemListView("São Paulo", R.drawable.saopaulo);

    itens.add(item1);
    itens.add(item2);
    itens.add(item3);
    itens.add(item4);

    //Cria o adapter
    adapterListView = new AdapterListView(this, itens);

    //Define o Adapter
    listView.setAdapter(adapterListView);
    //Cor quando a lista é selecionada para rolagem.
    listView.setCacheColorHint(Color.TRANSPARENT);
}

public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
    //Pega o item que foi selecionado.
    ItemListView item = adapterListView.getItem(arg2);
    //Demostração
    Toast.makeText(this, "Você Clicou em: " + item.getTexto(),    Toast.LENGTH_LONG).show();
}
}

Main.xml

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

    <EditText
android:id="@+id/EditText01"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:hint="Type here to search."
>

</EditText>


    <ListView
    android:id="@+id/list"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:divider="#ECECEC"
    android:dividerHeight="1sp"
    />    
</LinearLayout>

item_list.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="horizontal">
<LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:padding="5sp">
    <ImageView
        android:id="@+id/imagemview"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        />

    <TextView
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginLeft="5sp"
        android:gravity="center_vertical"
        android:textColor="#FF000000"
    />
</LinearLayout>
</LinearLayout>

通常,算法如下所示:

  • 从EditText中获取文本
  • 从ArrayList中删除与搜索查询不匹配的所有项目
  • 使用方法适配器刷新适配器。notifyDataSetChanged()

  • 如果您需要一个源代码示例,我可以附上它。

    那么,我应该在search_box.xml中放什么呢?别担心,Vetal:)!嘿,你能澄清一下你的密码吗?因为我不太懂java。例如,我应该在“search_box.xml”中输入什么?我应该创建编辑文本字段吗?如果您注意到我已经在“main.xml”布局上创建了um EditTex。有一个ListView活动和搜索框。因此,如果我在MainActivity.java中使用“textwatcher”并不容易?最好将整个代码及其更改放在这里。我会非常感激你的!!!:)是的,我想举一个源代码的例子:)谢谢Vetal。。。我的电子邮件:gulivernashuatec@gmail.com@user1550421要使用搜索功能,您必须为EditText实现addTextChangeListener()
    <?xml version="1.0" encoding="UTF-8"?>
    <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:background="#FFFFFFFF"
    >    
    
        <EditText
    android:id="@+id/EditText01"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:hint="Type here to search."
    >
    
    </EditText>
    
    
        <ListView
        android:id="@+id/list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:divider="#ECECEC"
        android:dividerHeight="1sp"
        />    
    </LinearLayout>
    
    <?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="horizontal">
    <LinearLayout 
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        android:padding="5sp">
        <ImageView
            android:id="@+id/imagemview"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            />
    
        <TextView
            android:id="@+id/text"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginLeft="5sp"
            android:gravity="center_vertical"
            android:textColor="#FF000000"
        />
    </LinearLayout>
    </LinearLayout>