[안드로이드] 검색되는 ListView 예제 (펌)

IT/안드로이드+JAVA

[안드로이드] 검색되는 ListView 예제 (펌)

안경 쓴 귀니 2016. 5. 5. 15:36

[안드로이드] 검색되는 ListView 예제

원래 영어로 되어있는 사이트인데, 크롬에서 그냥 한글 번역기 돌려서 가져왔습니다

이 튜토리얼에서는, 당신은 당신의 안드로이드 응용 프로그램에서 필터를 사용하여리스트 뷰에 검색 기능을 구현하는 방법을 배우게됩니다. 리스트 뷰는 사용자 입력에 의해 필터링 될 수 있고 addTextChangedListener 방법을 사용하여 활성화된다. 검색 기능은 상기 사용자 입력에서 검색 문자열리스트 뷰를 필터링한다. 리스트 뷰를 통해 검색하면 사용자가 필요한 정보를 찾을 수있는 쉬운 방법을 제공합니다. 우리는 새로운 활동을 엽니 결과 및 목록보기 항목 클릭에를 필터링합니다 상단에 텍스트 입력에 배치 된 글고 치기로리스트 뷰를 생성합니다. 그래서 시작 할 수 있습니다 ...

이클립스에서 새 프로젝트 만들기 파일 > 새로 만들기 > . 안드로이드 응용 프로그램 프로젝트를 세부 정보를 입력하고 프로젝트 이름을 FilterListViewTutorial를 .

응용 프로그램 이름 : FilterListViewTutorial

프로젝트 명 : FilterListViewTutorial

패키지 이름 : com.androidbegin.filterlistviewtutorial

열려있는 MainActivity에 있는 .java를 하고 다음 코드를 붙여 넣습니다.

MainActivity.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
package com.androidbegin.filterlistviewtutorial;
 
import java.util.ArrayList;
import java.util.Locale;
 
import android.os.Bundle;
import android.app.Activity;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.Menu;
import android.widget.EditText;
import android.widget.ListView;
 
public class MainActivity extends Activity {
 
	// Declare Variables
	ListView list;
	ListViewAdapter adapter;
	EditText editsearch;
	String[] rank;
	String[] country;
	String[] population;
	ArrayList<WorldPopulation> arraylist = new ArrayList<WorldPopulation>();
 
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.listview_main);
 
		// Generate sample data
		rank = new String[] { "1", "2", "3", "4", "5", "6", "7", "8", "9", "10" };
 
		country = new String[] { "China", "India", "United States",
				"Indonesia", "Brazil", "Pakistan", "Nigeria", "Bangladesh",
				"Russia", "Japan" };
 
		population = new String[] { "1,354,040,000", "1,210,193,422",
				"315,761,000", "237,641,326", "193,946,886", "182,912,000",
				"170,901,000", "152,518,015", "143,369,806", "127,360,000" };
 
		// Locate the ListView in listview_main.xml
		list = (ListView) findViewById(R.id.listview);
 
		for (int i = 0; i < rank.length; i++) 
		{
			WorldPopulation wp = new WorldPopulation(rank[i], country[i],
					population[i]);
			// Binds all strings into an array
			arraylist.add(wp);
		}
 
		// Pass results to ListViewAdapter Class
		adapter = new ListViewAdapter(this, arraylist);
 
		// Binds the Adapter to the ListView
		list.setAdapter(adapter);
 
		// Locate the EditText in listview_main.xml
		editsearch = (EditText) findViewById(R.id.search);
 
		// Capture Text in EditText
		editsearch.addTextChangedListener(new TextWatcher() {
 
			@Override
			public void afterTextChanged(Editable arg0) {
				// TODO Auto-generated method stub
				String text = editsearch.getText().toString().toLowerCase(Locale.getDefault());
				adapter.filter(text);
			}
 
			@Override
			public void beforeTextChanged(CharSequence arg0, int arg1,
					int arg2, int arg3) {
				// TODO Auto-generated method stub
			}
 
			@Override
			public void onTextChanged(CharSequence arg0, int arg1, int arg2,
					int arg3) {
				// TODO Auto-generated method stub
			}
		});
	}
 
	// Not using options menu in this tutorial
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		getMenuInflater().inflate(R.menu.activity_main, menu);
		return true;
	}
}

이 활동에서는 샘플 데이터로 문자열 배열을 만든 및 ListViewAdapter 클래스로 전달합니다. 목록보기 항목 클릭에 새로운 활동에 선택한 위치와 문자열 배열을 전달합니다. 글고은 검색 파라미터로서 사용자 입력을 캡쳐하고 ListViewAdapter의 필터 함수로 전달된다.

다음으로, 배열 클래스를 만듭니다. 이동 파일 > 신규 > 클래스 와 이름을 세계 인구의 . 된 .java를 패키지에게 이름을 선택 com.androidbegin합니다. filterlistviewtutorial 클릭 마침 .

열려있는 세계 인구의 된 .java를 하고 다음 코드를 붙여 넣습니다.

WorldPopulation .java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
package com.androidbegin.filterlistviewtutorial;
 
public class WorldPopulation {
	private String rank;
	private String country;
	private String population;
 
	public WorldPopulation(String rank, String country, String population) {
		this.rank = rank;
		this.country = country;
		this.population = population;
	}
 
	public String getRank() {
		return this.rank;
	}
 
	public String getCountry() {
		return this.country;
	}
 
	public String getPopulation() {
		return this.population;
	}
}

다음으로, MainActivity에 대한 XML 그래픽 레이아웃을 만들 수 있습니다. 이동 입술 > 레이아웃 을 마우스 오른쪽을 클릭> 레이아웃 > 신규 > 안드로이드 XML 파일은
새로운 XML 파일의 이름을 listview_main.xml을 다음 코드를 붙여 넣습니다.

listview_main.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
 
    <EditText
        android:id="@+id/search"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >
 
        <requestFocus />
    </EditText>
 
    <ListView
        android:id="@+id/listview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_below="@+id/search" />
 
</RelativeLayout>

산출:
ListView에 XML 메인 필터

다음으로, ListViewAdapter 클래스를 만들 수 있습니다. 이동 파일 > 신규 > 클래스 그것과 이름을 ListViewAdapter . 된 .java 패키지 이름을 선택 com.androidbegin합니다. filterlistviewtutorial 클릭 마침 .

당신의여 ListViewAdapter의 된 .java를 하고 다음 코드를 붙여 넣습니다.

ListViewAdapter.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
package com.androidbegin.filterlistviewtutorial;
 
import java.util.ArrayList;
import java.util.List;
import java.util.Locale;
 
import android.content.Context;
import android.content.Intent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
import android.view.View.OnClickListener;
 
public class ListViewAdapter extends BaseAdapter {
 
	// Declare Variables
	Context mContext;
	LayoutInflater inflater;
	private List<WorldPopulation> worldpopulationlist = null;
	private ArrayList<WorldPopulation> arraylist;
 
	public ListViewAdapter(Context context, List<WorldPopulation> worldpopulationlist) {
		mContext = context;
		this.worldpopulationlist = worldpopulationlist;
		inflater = LayoutInflater.from(mContext);
		this.arraylist = new ArrayList<WorldPopulation>();
		this.arraylist.addAll(worldpopulationlist);
	}
 
	public class ViewHolder {
		TextView rank;
		TextView country;
		TextView population;
	}
 
	@Override
	public int getCount() {
		return worldpopulationlist.size();
	}
 
	@Override
	public WorldPopulation getItem(int position) {
		return worldpopulationlist.get(position);
	}
 
	@Override
	public long getItemId(int position) {
		return position;
	}
 
	public View getView(final int position, View view, ViewGroup parent) {
		final ViewHolder holder;
		if (view == null) {
			holder = new ViewHolder();
			view = inflater.inflate(R.layout.listview_item, null);
			// Locate the TextViews in listview_item.xml
			holder.rank = (TextView) view.findViewById(R.id.rank);
			holder.country = (TextView) view.findViewById(R.id.country);
			holder.population = (TextView) view.findViewById(R.id.population);
			view.setTag(holder);
		} else {
			holder = (ViewHolder) view.getTag();
		}
		// Set the results into TextViews
		holder.rank.setText(worldpopulationlist.get(position).getRank());
		holder.country.setText(worldpopulationlist.get(position).getCountry());
		holder.population.setText(worldpopulationlist.get(position).getPopulation());
 
		// Listen for ListView Item Click
		view.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View arg0) {
				// Send single item click data to SingleItemView Class
				Intent intent = new Intent(mContext, SingleItemView.class);
				// Pass all data rank
				intent.putExtra("rank",(worldpopulationlist.get(position).getRank()));
				// Pass all data country
				intent.putExtra("country",(worldpopulationlist.get(position).getCountry()));
				// Pass all data population
				intent.putExtra("population",(worldpopulationlist.get(position).getPopulation()));
				// Pass all data flag
				// Start SingleItemView Class
				mContext.startActivity(intent);
			}
		});
 
		return view;
	}
 
	// Filter Class
	public void filter(String charText) {
		charText = charText.toLowerCase(Locale.getDefault());
		worldpopulationlist.clear();
		if (charText.length() == 0) {
			worldpopulationlist.addAll(arraylist);
		} 
		else 
		{
			for (WorldPopulation wp : arraylist) 
			{
				if (wp.getCountry().toLowerCase(Locale.getDefault()).contains(charText)) 
				{
					worldpopulationlist.add(wp);
				}
			}
		}
		notifyDataSetChanged();
	}
 
}

이 사용자 정의리스트 뷰 어댑터 클래스에서 문자열 배열은 ListViewAdapter에 전달하고 위치 다음에 TextViews로 설정합니다. 리스트 뷰에서 항목을 클릭 새로운 활동에 문자열 배열과 위치를 전달합니다. 필터 클래스는 MainActivity에서 사용자가 입력 한 텍스트를 캡처하고 일치하는 결과를 표시하는리스트 뷰를 새로 고칩니다.

다음으로,리스트 뷰 항목에 대한 XML 그래픽 레이아웃을 만들 수 있습니다. 이동 입술 > 레이아웃 을 마우스 오른쪽을 클릭> 레이아웃 > 신규 > 안드로이드 XML 파일

새 XML 파일의 이름을 listview_item.xml을 하고 다음 코드를 붙여 넣습니다.

listview_item.XML

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
 
    <TextView
        android:id="@+id/ranklabel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/ranklabel" />
 
    <TextView
        android:id="@+id/rank"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/ranklabel" />
 
    <TextView
        android:id="@+id/countrylabel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/ranklabel"
        android:text="@string/countrylabel" />
 
    <TextView
        android:id="@+id/country"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/rank"
        android:layout_toRightOf="@+id/countrylabel" />
 
    <TextView
        android:id="@+id/populationlabel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/countrylabel"
        android:text="@string/populationlabel" />
 
    <TextView
        android:id="@+id/population"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/country"
        android:layout_toRightOf="@+id/populationlabel" />
 
</RelativeLayout>

산출:

필터의 ListView XML 항목

다음, 결과를 표시하는 활동을 만듭니다. 이동 파일 > 신규 > 클래스 와 이름을 SingleItemView.java. 패키지에게 이름을 선택 com.androidbegin합니다. filterlistviewtutorial 클릭 마침 .

열려있는 SingleItemView.java을 하고 다음 코드를 붙여 넣습니다.

SingleItemView.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
package com.androidbegin.filterlistviewtutorial;
 
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.TextView;
 
public class SingleItemView extends Activity {
	// Declare Variables
	TextView txtrank;
	TextView txtcountry;
	TextView txtpopulation;
	String rank;
	String country;
	String population;
 
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.singleitemview);
		// Retrieve data from MainActivity on item click event
		Intent i = getIntent();
		// Get the results of rank
		rank = i.getStringExtra("rank");
		// Get the results of country
		country = i.getStringExtra("country");
		// Get the results of population
		population = i.getStringExtra("population");
 
		// Locate the TextViews in singleitemview.xml
		txtrank = (TextView) findViewById(R.id.rank);
		txtcountry = (TextView) findViewById(R.id.country);
		txtpopulation = (TextView) findViewById(R.id.population);
 
		// Load the results into the TextViews
		txtrank.setText(rank);
		txtcountry.setText(country);
		txtpopulation.setText(population);
	}
}

이 액티비티에서는 문자열은 TextViews에 텐트와 세트를 사용하여 ListViewAdapter에서 검색됩니다.

다음으로, SingleItemView에 대한 XML 그래픽 레이아웃을 만들 수 있습니다. 이동 입술 > 레이아웃 을 마우스 오른쪽을 클릭> 레이아웃 > 신규 > 안드로이드 XML 파일

새 XML 파일의 이름을 singleitemview.xml을 하고 다음 코드를 붙여 넣습니다.

singleitemview.XML

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
 
    <TextView
        android:id="@+id/ranklabel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/ranklabel" />
 
    <TextView
        android:id="@+id/rank"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/ranklabel" />
 
    <TextView
        android:id="@+id/countrylabel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/ranklabel"
        android:text="@string/countrylabel" />
 
    <TextView
        android:id="@+id/country"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/rank"
        android:layout_toRightOf="@+id/countrylabel" />
 
    <TextView
        android:id="@+id/populationlabel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/countrylabel"
        android:text="@string/populationlabel" />
 
    <TextView
        android:id="@+id/population"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/country"
        android:layout_toRightOf="@+id/populationlabel" />
 
</RelativeLayout>

다음으로, 응용 프로그램 이름과 텍스트를 변경합니다. 열려있는 strings.xml의를 당신에 > 입술 값 폴더를 다음 코드를 붙여 넣습니다.

strings.xml의

1
2
3
4
5
6
7
8
9
10
11
<resources>
 
    <string name="app_name">Filter ListView Tutorial</string>
    <string name="hello_world">Hello world!</string>
    <string name="menu_settings">Settings</string>
    <string name="title_activity_main">Filter ListView Tutorial</string>
    <string name="ranklabel">"Rank : "</string>
    <string name="countrylabel">"Country : "</string>
    <string name="populationlabel">"Population : "</string>
 
</resources>

당신의에서 AndroidManifest.xml에 , 우리는 위에서 생성 한 활동을 선언합니다. 당신의여 의 AndroidManifest.xml을 하고 다음 코드를 붙여 넣습니다.

AndroidManifest.XML

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.androidbegin.filterlistviewtutorial"
    android:versionCode="1"
    android:versionName="1.0" >
 
    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="15" />
 
    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="@string/title_activity_main" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
 
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".SingleItemView" >
        </activity>
    </application>
 
</manifest>

산출:

ListView에 스크린 샷 필터

[출처 : http://www.androidbegin.com/tutorial/android-search-listview-using-filter/]

저작자표시 비영리 변경금지

'IT > 안드로이드+JAVA' 카테고리의 다른 글

[안드로이드] 상태바 색상 바꾸기 (예제) (0)	2016.05.10
[안드로이드] 배열 for문, 배열에 순서있는 값 넣기 (0)	2016.05.06
[안드로이드] 스튜디오 Installation failed with message INSTALL_FAILED_UPDATE_INCOMPATIBLE. (0)	2016.04.30
[안드로이드] 6.0 마시멜로 권한체크하기 (링크) (0)	2016.04.29
[안드로이드] 안드로이드 스튜디오 gradle versionName 가져오기 (정리) (0)	2016.04.28

현재글[안드로이드] 검색되는 ListView 예제 (펌)

안녕하세요 :D

Today :
Yesterday :

12-26 05:23

iOS Developer