Android pamokos: ListView

“ListView” naudojimas turbūt pats patogiausias būdas atvaizduoti didelius kiekius duomenų. Šioje ketvirtojoje pamokoje jūs išmoksite kaip naudojant “ListView” galima peržiūrėti įvairiausius FWD>>  straipsnius.

Sukuriame Android programą

Prieš pradedant darbą su mygtukais, mums reikia turėti paruoštą darbui Android programą. Tai galime padaryti, atlikę veiksmus, aprašytus pirmojoje pamokoje arba parsisiuntę jau paruoštą tuščios Android programos kodą.

Sukuriame objektą Straipsnis

Sukuriame objektą, kurio pagalba saugosime straipsnio pavadinimą ir nuorodą į jį:

public class Straipsnis {
	private String pavadinimas;
	private String adresas;

	public Straipsnis(String pavadinimas, String adresas) {
		super();
		this.pavadinimas = pavadinimas;
		this.adresas = adresas;
	}

	public String getPavadinimas() {
		return pavadinimas;
	}

	public void setPavadinimas(String pavadinimas) {
		this.pavadinimas = pavadinimas;
	}

	public String getAdresas() {
		return adresas;
	}

	public void setAdresas(String adresas) {
		this.adresas = adresas;
	}

}

Sukuriame straipsnių sąrašo ekrano vaizdą

Programos kataloge “res/layout/” sukuriame bylą “saraso_elementas.xml”. Šios bylos pagalba aprašome kaip turi atrodyti mūsų sąrašo elementas:

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:padding="10dp"
    android:textSize="16sp" >
</TextView>

Taip pat mums reikia paredaguoti pagrindinės “Activity” klasės išvaizdos bylą “main.xml”. Į šią bylą įdedame žymą <ListView/> žyminčią mūsų sąrašo vietą.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent" android:layout_height="fill_parent"
	android:orientation="vertical">
	<ListView android:id="@android:id/list" android:layout_width="fill_parent"
		android:layout_height="wrap_content" />
	<TextView android:id="@+id/android:empty"
		android:layout_width="wrap_content" android:layout_height="wrap_content"
		android:text="Tuščia" />
</LinearLayout>

Atvaizduojame straipsnių sąrašą

Pirmiausiai sukuriame metodą, kuris grąžins sąrašą su “Straipsnis” objektais.
Pradiniame ekrane mes rodysime tik straipsnių pavadinimus, todėl mums reikia metodo, grąžinančio pavadinimų sąrašą:

private List<String> getStraipsniuPavadinimai() {
	List<String> pavadinimai = new ArrayList<String>();
	for (Iterator<Straipsnis> it = straipsniai.iterator(); it.hasNext();) {
		Straipsnis straipsnis = it.next();
		pavadinimai.add(straipsnis.getPavadinimas());
         }
	return pavadinimai;
}

Turėdami šiuos du metodus, galime redaguoti mūsų “Activity”. Pirmiausia mūsų klasė paveldi “Activity” klasę (extends Activity). Norėdami atlikti veiksmus su sąrašų objektais, mūsų “Activity” klasė turi paveldėti “ListActivity” (extends ListActivity).

Prieš išmėginant mūsų programą, mums reikia atvaizduoti pavadinimų sąrašą. Tai padarysime į metodą onCreate(Bundle savedInstanceState) įterpę eilutę:

setListAdapter(new ArrayAdapter<String>(this,R.layout.saraso_elementas, getStraipsniuPavadinimai()));

“ArrayAdapter” klasė yra atsakinga už elementų atvaizdavimą nurodytoje <ListView/> žymoje. Norint atvaizduoti elementus, mums reikia pateikti šiuos parametrus:

• Kontekstas – mūsų ateikiamu atveju nurodome, kad naudosime dabartinį
• Sąrašo elemento išvaizda – pavyzdyje nurodome, kad naudosime tai, kas aprašyta “saraso_elementas.xml”
• Elementų sąrašas – pavyzdyje pateikiame sąrašą straipsnių pavadinimų.

Galime peržiūrėti mūsų programą:

Aprašome veiksmus, kai paspaustas sąrašo elementas

Norint atvaizduoti tinklalapį, naudojant straipsnio adresą, mums reikia sukurti nauja “Activity”. Ją pavadinkime “ViewActivity”.

public class ViewActivity extends Activity {
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.view_activity_gui);
                //Paimame duomenis
		Intent launchingIntent = getIntent();
		String content = launchingIntent.getData().toString();

		WebView viewer = (WebView) findViewById(R.id.webView);
		viewer.loadUrl(content);
	}
}

Neužmirškime pakoreguoti ir “AndroidManifes.xml” bylos, kurioje nurodome naujai sukurtą “Activity”:

<activity android:name=".ViewActivity" android:label="@string/app_name">

Toje pačioje byloje pridedame žymą, kuri leis mūsų programai naudotis internetu:

 <uses-permission android:name="android.permission.INTERNET"></uses-permission>

Taip pat reikia sukurti išvaizdos bylą (layout). Ją pavadinsime “view_activity_gui.xml”. Šioje byloje naudojame <WebView> žymą, kurios pagalba galime atvaizduoti internetinius puslapius.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical" android:layout_width="fill_parent"
	android:layout_height="fill_parent">
	<WebView android:id="@+id/webView" android:layout_width="fill_parent"
		android:layout_height="fill_parent" />
</LinearLayout>

Pagrindinėje programoje “Activity”, aprašome kaip elgtis, paspaudus ant sąrašo elemento:

@Override
protected void onListItemClick(ListView l, View v, int position, long id) {
	super.onListItemClick(l, v, position, id);

	Intent viewActivityIntent = new Intent(this, ViewActivity.class);
	viewActivityIntent.setData(Uri.parse(straipsniai.get(position).getAdresas()));
	startActivity(viewActivityIntent);
}

Kaip rašiau antrojoje pamokoje, Android programose viena “Activity” gali iškviesti kitą. Visa tai yra padaroma naudojant Intent. Metode “onListItemClick” sukuriame naują “Intent”, nurodydami “ViewActivity” klasę. Metodo parametras “position” nurodo, kuris sąrašo elementas buvo pasirinktas. Naudodami šį parametrą, surandame paspaustą pavadinimą ir gauname jo adresą. Gautą adresą pateikiame mūsų sukurtam “Intent” ir jį aktyvuojame.

Štai taip atrodo mūsų sukurta programa, kai buvo pasirinktas vienas sąrašo elementas:

Sukurtąją programą rasite užsukę į http://code.google.com/p/empty-android-app/