MTIPLab

Транскрипт

1 MOBILNE TEHNOLOGIJE I PROGRAMIRANJE MTIPLAB05 Vežba 5 Rad sa fragmentima, rasporedima komponenti (layouts) i Android komponentama UVOD U okviru ove vežbe biće dorađena MTIP Studenti Android aplikacija koja je formirana u prethodnoj vežbi (MTIPLab04). Biće oformljeni fragmenti koje će predstavljati odgovarajuće aktivnosti (stranice) spomenute aplikacije, kao i rasporedi komponenti (layouts) koji će biti dinamički i upotrebljeni za formiranje više fragmenata. Cilj ove vežbe je da se pripreme elementi korisničkog interfejsa MTIP Studenti Android aplikacije kako bi se u narednoj vežbi (MTIPLab05) oformila veza spomenute aplikacije sa internetom i RESTFull servisom koji je formiran kroz vežbe MTIPLab01 i MTIPLab02. FRAGMENTI, DEFINISANJE LAYOUTA I KLASA Unutar fajla strings.xml dodate su definicije stringova tj. labela koje se mogu koristiti prilikom definisanja sadržaja određenih elemenata Android aplikacije, tj. u ovom slučaju sadržaja fragmenata koji će biti dodati Android aplikaciji. Sadržaj navedenog fajla prikazan je u listingu koda broj 1. <string name="mtipstudentipregragafragmentnaziv">pretraga studenata</string> <string name="mtipstudentifragmenthintidstudenta">id studeta</string> <string name="mtipstudentifragmenthintprezime">prezime studenta</string> <string name="mtipstudentifragmenthintime">ime studenta</string> <string name="mtipstudentifragmenthintbrojindeksa">broj indeksa</string> <string name="mtipstudentipregragafragmentrezultatipretrage">rezultati pretrage</string> <string name="mtipstudentidodajnovogstudenta">dodaj novog studenta</string> <string name="mtipstudentidetaljiid">id : </string> <string name="mtipstudentidetaljiprezime">prezime : </string> <string name="mtipstudentidetaljiime">ime : </string> <string name="mtipstudentidetaljibrojindeksa">broj indeksa : </string> <string name="mtipstudentidetaljistudijskiprogram">smer : </string> <string name="mtipstudentidetaljiizmenistudenta">izmena</string> <string name="mtipstudentidetaljiobrisistudenta">brisanje</string> <string name="mtipstudentipotvrdi">potvrdi</string> <string name="mtipstudentiodustani">odustani</string> Listing broj 1. Dodati resursi unutar fajla strings.xml 1

2 Da bi pripremili MTIP Studenti Android za rad sa fragmentima potrebno je modifikovati layout i kod glavne aktivnosti spomenute aplikacije. Modifikacija layouta glavne aktivnosti odnosi se na modifikaciju fajla content_mtipstudenti_main.xml dodavanjem FrameLayout komponente. Navedena komponenta se ponaša kao okvir za fragmente koji nose određeni sadržaj i logiku aplikacije. Sadržaj fajla content_mtipstudenti_main.xml prikazan je u listingu koda broj 2. <?xml version="1.0" encoding="utf-8"?> <android.support.constraint.constraintlayout xmlns:android=" xmlns:app=" xmlns:tools=" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" tools:context="rs.tfzr.mtipstudenti.mtipstudentimain" tools:showin="@layout/app_bar_mtipstudenti_main"> <FrameLayout android:id="@+id/frame_container" android:layout_height="match_parent" /> </android.support.constraint.constraintlayout> Listing broj 2. Sadržaj fajla content_mtipstudenti_main.xml Zatim se, radi vizuelnog aspekta aplikacije definiše resurs unutar drawable foldera koji će predstavljati pozadinu određenih elemenata. Navedeni fajl nosi naziv op_background.xml i sadržina istog je prikazana u listingu koda broj 3. <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android=" <solid android:color="#ffffff"/> <stroke android:width="1dip" android:color="#b1bcbe" /> <corners android:radius="10dip"/> <padding android:left="0dip" android:top="0dip" android:right="0dip" android:bottom="0dip" /> </shape> Listing broj 3. Sadržaj fajla op_background.xml U sledećem koraku formira se raspored (layout) layout_studenti_universal.xml unutar layout foldera koji će se koristiti za predstavljanje studenta prilikom prikaza informacija o istom i u administratorskoj sekciji prilikom izmene i brisanja istog. Spomenuti layout poseduje četri labele (TextView-a) koje nose informacije o podatku koji se prikazuje, zatim još četri labele (TextView-a) koji nose podatke koji se prikazuju, i dve kontrole tipa Button za koje će se u narednoj vežbi (MTIPLab05) vezati odgovarajući događaji i pozivi RESTFull servisa. Spomenuti tasteri će se sakrivati (uklanjati) kad se spomenuti layout koristi za prikaz informacije o studentu. Sadržaj navedenog fajla prikazan je u listingu koda broj 4, dok je na slici broj 1 prikazan izgled spomenutog layouta unutar Android Studio razvojnog okruženja. <?xml version="1.0" encoding="utf-8"?> xmlns:android=" android:layout_height="match_parent" android:orientation="vertical" android:background="@drawable/op_background" 2

3 android:orientation="horizontal" android:weightsum="1"> android:layout_width="15dp" android:layout_weight="0.3" android:gravity="right" /> android:layout_weight="0.7" /> android:orientation="horizontal" android:weightsum="1"> android:layout_width="15dp" android:layout_weight="0.3" android:gravity="right" /> android:layout_weight="0.7" /> android:orientation="horizontal" android:weightsum="1"> android:layout_width="15dp" android:layout_weight="0.3" android:gravity="right" /> 3

4 android:layout_weight="0.7" /> android:orientation="horizontal" android:weightsum="1"> android:layout_width="15dp" android:layout_weight="0.3" android:gravity="right" /> android:layout_weight="0.7" /> android:orientation="horizontal"> <Button android:layout_weight="1" /> <Button android:layout_weight="1" /> Listing broj 4. Sadržaj fajla layout_studenti_universal.xml Naredni korak odnosi se na formiranje layouta koji će se koristiti u fragmentima prilikom dodavanja novog studenta i izmene postojećeg studenta. Naknadno će biti formirane klase koje će na osnovu spomenutog layouta pružati usluge dodavanja novog i izmene postojećeg studenta. Dakle, potrebno je formirati layout fragment_studenti_dodavanje_izmena.xml i smestiti ga u layout folder. Navedeni layout sadrži pet labela (TextView-a) koje nose informacije o podatku koji se prikazuje, četri textbox-a (EditText-a) putem kojih će se unositi podatci i jedan combobox (Spinner kontrola) koja će sadržati dostupne smerove tj. studijski program kojem određeni student pripada. Unutar navedenog layouta postoje i dve kontrole tipa Button koje će se koristiti za potvrđivanje dodavanja novog ili izmene postojećeg studenta, kao i za odustajanje od 4

5 spomenutih procesa čime se korisnik preusmerava ka nekom drugom fragmentu. Sadržaj spomenutog fajla prikazan je u listingu koda broj 5, dok je na slici broj 2 prikazan izgled spomenutog layouta unutar Android Studio razvojnog okruženja. Slika broj 1. Izgled layout-a layout_studenti_universal.xml <FrameLayout xmlns:android=" xmlns:tools=" android:layout_height="match_parent" tools:context="rs.tfzr.mtipstudenti.studentidodavanjefragment"> xmlns:android=" android:layout_height="match_parent" android:orientation="vertical" android:background="@drawable/op_background" android:id="@+id/dodavanjeizmenamainlinearlayout"> android:id="@+id/textviewstudentinazivakcije" android:layout_width="fill_parent" android:gravity="center" android:paddingleft="10dp" android:paddingright="10dp" android:paddingtop="10dp" android:text="@string/mtipcontentdescription" /> android:id="@+id/linearlayoutidstudenta" 5

6 android:orientation="horizontal" android:weightsum="1"> android:layout_width="50dp" android:layout_weight="0.4" android:gravity="right" /> <EditText android:ems="10" android:inputtype="none" android:focusedbydefault="false" android:layout_weight="0.6"/> android:orientation="horizontal" android:weightsum="1"> android:layout_width="50dp" android:layout_weight="0.4" android:gravity="right" /> <EditText android:ems="10" android:inputtype="text" android:focusedbydefault="false" android:layout_weight="0.6"/> android:orientation="horizontal" android:weightsum="1"> android:layout_width="50dp" android:layout_weight="0.4" 6

7 android:gravity="right" /> <EditText android:ems="10" android:inputtype="text" android:focusedbydefault="false" android:layout_weight="0.6"/> android:orientation="horizontal" android:weightsum="1"> android:layout_width="50dp" android:layout_weight="0.4" android:gravity="right" /> <EditText android:ems="10" android:inputtype="text" android:focusedbydefault="false" android:layout_weight="0.6"/> android:orientation="horizontal" android:weightsum="1"> android:layout_width="150dp" android:layout_weight="0.4" android:gravity="right" /> <Spinner android:layout_weight="0.6" /> 7

8 android:orientation="horizontal"> <Button android:layout_weight="1" /> <Button android:layout_weight="1" /> </FrameLayout> Listing broj 5. Sadržaj fajla fragment_studenti_dodavanje_izmena.xml Slika broj 2. Izgled layout-a fragment_studenti_dodavanje_izmena.xml Sledeći korak odnosi se na formiranje layouta koji će se koristiti u fragmentima za pretragu (PretragaFragment) i za administraciju studenata (StudentiFragment). Potrebno je formirati layout fajl fragment_pretraga.xml u layout folderu i isti treba da poseduje sadržinu koja je prikazana u listingu koda broj 6 dok je izgled spomenutog layouta prikazan na slici broj 3. Unutar 8

9 spomenutog layouta nalaze se labele, EditText kontrola i slika (ImageView) koja će se koristiti kao taster za pozivanje pretrage studenata. Takođe, jedna labela je planirana da se koristi za prelazak na fragment za dodavanja novog studenta i nosi tekst Dodaj novog studenta. Unutar spomenutog layouta nalaze se kontole tipa ScrollView i LinearLayout koje će se u narednoj vežbi (MTIPLab06) koristiti kako bi se prikazali podaci o studentima kako na fragmentu za pretragu, tako i na fragmentu za administraciju studenata. <FrameLayout xmlns:android=" xmlns:tools=" android:layout_height="match_parent" tools:context="rs.tfzr.mtipstudenti.pretragafragment"> xmlns:android=" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:gravity="center_horizontal" android:id="@+id/maincontainerpretraga"> android:id="@+id/textviewpretragastudenata" android:layout_width="fill_parent" android:gravity="center" android:paddingleft="10dp" android:paddingright="10dp" android:paddingtop="10dp" android:text="@string/mtipstudentipregragafragmentnaziv" /> android:focusable="true" android:focusableintouchmode="true" android:layout_width="0px" android:layout_height="0px"/> android:weightsum="1" > <EditText android:id="@+id/edittextprezimepretraga" android:ems="10" android:hint="@string/mtipstudentifragmenthintprezime" android:inputtype="text" android:paddingtop="10dp" android:focusedbydefault="false" android:layout_weight="0.7"> </EditText> <ImageView android:id="@+id/imageviewpretraga" android:src="@drawable/nav_pretraga" android:layout_weight="0.3"/> 9

10 android:layout_width="fill_parent" android:gravity="center" android:padding="10dp" /> <ScrollView android:layout_width="fill_parent" > android:orientation="vertical" android:gravity="center" android:paddingleft="5dp" android:paddingright="5dp" android:paddingbottom="5dp"> </ScrollView> </FrameLayout> Listing broj 6. Sadržaj fajla fragment_pretraga.xml Slika broj 3. Izgled layout-a fragment_pretraga.xml 10

11 Sledeći korak odnosi se na modifikaciju koda klase MTIPStudentiMain koja predstavlja glavnu aktivnost MTIP Studenti Android aplikacije kako bi se dodala podrška za rad sa fragmentima. Za adekvatno funkcionisanje navedene aplikacije, nakon analize koda i prikaza modifikacije koda klase MTIPStudentiMain biće formirane klase čiji se objekti koriste u spomenutoj klasi i sadrže logiku fragmenta (stranica) koje se implementiraju. Sadržaj klase MTIPStudentiMain prikazan je u listingu koda broj 7. package rs.tfzr.mtipstudenti; import android.app.activity; import android.app.alertdialog; import android.app.fragment; import android.app.fragmentmanager; import android.content.context; import android.content.dialoginterface; import android.content.intent; import android.net.uri; import android.os.bundle; import android.view.view; import android.support.design.widget.navigationview; import android.support.v4.view.gravitycompat; import android.support.v4.widget.drawerlayout; import android.support.v7.app.actionbardrawertoggle; import android.support.v7.app.appcompatactivity; import android.support.v7.widget.toolbar; import android.view.menuitem; import android.app.dialog; import android.widget.button; import android.widget.textview; public class MTIPStudentiMain extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener, PretragaFragment.OnFragmentInteractionListener, StudentiFragment.OnFragmentInteractionListener, StudentiDodavanjeFragment.OnFragmentInteractionListener, StudentiIzmenaFragment.OnFragmentInteractionListener { public static Activity _activity; protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_mtipstudenti_main); Toolbar toolbar = (Toolbar) findviewbyid(r.id.toolbar); setsupportactionbar(toolbar); DrawerLayout drawer = (DrawerLayout) findviewbyid(r.id.drawer_layout); ActionBarDrawerToggle toggle = new ActionBarDrawerToggle( this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close); drawer.adddrawerlistener(toggle); toggle.syncstate(); NavigationView navigationview = (NavigationView) findviewbyid(r.id.nav_view); navigationview.setnavigationitemselectedlistener(this); navigationview.setitemicontintlist(null); displayview(new PretragaFragment(),this); _activity = this; 11

12 public void onbackpressed() { DrawerLayout drawer = (DrawerLayout) findviewbyid(r.id.drawer_layout); if (drawer.isdraweropen(gravitycompat.start)) { drawer.closedrawer(gravitycompat.start); else { public boolean onnavigationitemselected(menuitem item) { // Handle navigation view item clicks here. int id = item.getitemid(); switch (id) { case R.id.navBar_Pretraga: { displayview(new PretragaFragment(),this); break; case R.id.navBar_Studenti: { displayview(new StudentiFragment(),this); break; case R.id.navBar_Studijski_Programi: { AlertDialog.Builder builder = new AlertDialog.Builder(_activity); builder.setmessage("treba kreirati stranicu (Fragmente) za upravljanje Studijskim programima (Smerovima) kao što je urađeno za Studente!").setTitle("MTIP Studenti"); builder.setpositivebutton("ok", new DialogInterface.OnClickListener() { public void onclick(dialoginterface dialog, int id) { ); AlertDialog dialog = builder.create(); dialog.show(); break; case R.id.navBar_O_Aplikaciji: { DijalogOAplikaciji(); break; DrawerLayout drawer = (DrawerLayout) findviewbyid(r.id.drawer_layout); drawer.closedrawer(gravitycompat.start); return true; public static void displayview(fragment fragment, Activity activity) { // update the main content by replacing fragments if (fragment!= null) { 12

13 FragmentManager fragmentmanager = activity.getfragmentmanager(); fragmentmanager.begintransaction().replace(r.id.frame_container, fragment).commit(); protected void DijalogOAplikaciji() { final Dialog dialog = new Dialog(this, R.style.AboutDialog ); dialog.setcontentview(r.layout.mtip_about_dialog); dialog.settitle("o Aplikaciji"); TextView txt = (TextView) dialog.findviewbyid(r.id.textviewaboutdialogemal); txt .setonclicklistener(new View.OnClickListener() { public void onclick(view v) { // TODO Auto-generated method stub try { Intent = new Intent(Intent.ACTION_SEND); .putextra(intent.extra_ , new String[]{"mtip.studenti@tfzr.uns.ac.rs"); .putextra(intent.extra_subject, "sugestija / pitanje / zamerka" ); .putextra(intent.extra_text, ""); .settype("message/rfc822"); startactivity(intent.createchooser( , "Odaberite Vaš e- mail klijent :" )); catch (Exception ex) { ); Button dialogbutton = (Button) dialog.findviewbyid(r.id.dialogbuttonokclose); dialogbutton.setonclicklistener(new View.OnClickListener() { public void onclick(view v) { dialog.dismiss(); ); dialog.show(); public void onfragmentinteraction(uri uri) { Listing broj 6. Sadržaj klase MTIPStudentiMain Analizom listinga koda broj 6 bitno je istaći implementiranje interfejsa OnFragmentInteractionLintener za fragmente (klase) PretragaFragment, StudentiFragment, StudentiDodavanjeFragmet i StudentiIzmenaFragment. Spomenute klase će biti formirane naknadno u nastavku ove vežbe. Zatim, radi lakše manipulacije sa fragmentima (pošto je prilikom promene fragmenta potrebna referenca ka aktivnosti koja sadrži 13

14 kontejner u kojem će se fragment prikazati) formira se statička referenca ka aktivnosti i na oncreate metodu ista se povezuje sa glavnom aktivnosti linijom koda _activity = this; Napisana je statička metoda displayview koja prima dva argumenta. Jedan argument je sam fragment tj. referenca do instance klase koja predstavlja fragment koji treba da se prikaže, a drugi je referenca do aktivnosti unutar koje treba da se prikaže navedeni fragment. Unutar tela metode koristi se FragmentManager kako bi se unutar predviđanog kontejnera (R.id.frame_container) prikazao odabrani fragment. Unutar metode onnavigationitemselected, unutar switch naredbe, poziva se statička metoda displayview tako što se prosleđuje odabrani fragment pozivom njegovog konstruktora, a kao referenca na aktivnost u kojoj treba da se prikaže spomenuti fragment šalje se referenca this koja u ovom slučaju ukazuje na aktivnost MTIPStudentiMain. Takođe unutar spomenutog bloka formira se i poziva AlertDialog koji treba da obavesti korisnika ta fragment koji treba da omogući upravljanje Studijskim programima nije implementiran (kreiran). Naredni koraci se ogledaju u formiranju klasa koje će predstavljati fragmente i koristiti prethodno kreirane rasporede komponenti (layout-ove) kako bi pružili funkcionalnost aplikaciji. Sve klase nalaze se u paketu rs.tfzr.mtipstudenti. Sadržaj klase PretragaFragment koja predstavlja fragment koji će prikazati klikom na stavku menija Pretraga prikazan je u listingu koda broj 7. package rs.tfzr.mtipstudenti; import android.app.alertdialog; import android.content.context; import android.content.dialoginterface; import android.net.uri; import android.os.bundle; import android.app.fragment; import android.view.layoutinflater; import android.view.view; import android.view.viewgroup; import android.widget.imageview; import android.widget.quickcontactbadge; import android.widget.textview; import org.w3c.dom.text; public class PretragaFragment extends Fragment { // TODO: Rename parameter arguments, choose names that match // the fragment initialization parameters, e.g. ARG_ITEM_NUMBER private static final String ARG_PARAM1 = "param1"; private static final String ARG_PARAM2 = "param2"; // TODO: Rename and change types of parameters private String mparam1; private String mparam2; private OnFragmentInteractionListener mlistener; protected TextView _textviewdodajnovogstudenta; protected ImageView _imageviewpretraga; protected Context _context; public PretragaFragment() { // Required empty public constructor // TODO: Rename and change types and number of parameters public static PretragaFragment newinstance(string param1, String param2) { PretragaFragment fragment = new PretragaFragment(); Bundle args = new Bundle(); 14

15 args.putstring(arg_param1, param1); args.putstring(arg_param2, param2); fragment.setarguments(args); return fragment; public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); if (getarguments()!= null) { mparam1 = getarguments().getstring(arg_param1); mparam2 = getarguments().getstring(arg_param2); public View oncreateview(layoutinflater inflater, ViewGroup container, Bundle savedinstancestate) { // Inflate the layout for this fragment View rootview = inflater.inflate(r.layout.fragment_pretraga, container, false); this._context = rootview.getcontext(); this._textviewdodajnovogstudenta = (TextView)rootView.findViewById(R.id.textViewDodajNovogStudenta); this._textviewdodajnovogstudenta.setvisibility(view.invisible); this._imageviewpretraga = (ImageView)rootView.findViewById(R.id.imageViewPretraga); this._imageviewpretraga.setonclicklistener(new View.OnClickListener() { public void onclick(view view) { AlertDialog.Builder builder = new AlertDialog.Builder(getActivity()); builder.setmessage("treba implementirati pretragu!!").settitle("mtip Studenti"); builder.setpositivebutton("ok", new DialogInterface.OnClickListener() { public void onclick(dialoginterface dialog, int id) { ); ); AlertDialog dialog = builder.create(); dialog.show(); return rootview; // TODO: Rename method, update argument and hook method into UI event public void onbuttonpressed(uri uri) { if (mlistener!= null) { mlistener.onfragmentinteraction(uri); public void onattach(context context) { super.onattach(context); if (context instanceof OnFragmentInteractionListener) { mlistener = (OnFragmentInteractionListener) context; else { throw new RuntimeException(context.toString() + " must implement OnFragmentInteractionListener"); 15

16 public void ondetach() { super.ondetach(); mlistener = null; public interface OnFragmentInteractionListener { // TODO: Update argument type and name void onfragmentinteraction(uri uri); Listing broj 7. Sadržaj klase PretragaFragment Analizom listinga koda broj 7 da se zaključiti da se u spomenutom fragmentu formiraju tri bitna objekta: objekat tipa TextView koji će se koristiti kao taster za pokretanje fragmenta StudentiDodavanjeFragment pozivom statičke metode displayview iz klase MTIPStudentiMain, objekat tipa ImageView koji će se ponašati kao taster za aktiviranje pretraga (EditText kontrola za unos prezimena za pretragu će biti formiran u narednoj vežbi MTIPLab06), kao i objekat tipa Context koji se odnosi na fragment tj. aktivnost u kojem se isti poziva. Unutar poziva metode oncreateview vidi se da se koristi layout fragment_pretraga.xml na osnovu indentifikatora R.layout.fragment_pretraga i isti se formira putem inflater-a. Dalje se instanciraju prethodno spomenuti objekti i dodelju se odgovarajući listeneri. Takođe, bitno je napomenuti da se u fragmentu PregragaFragmet sakriva labela putem koje se može pozvati fragment StudentDodavanjeFragment koji služi za dodavanje studenta. Alternativno, navedena komponenta se može ukloniti i navedeno će biti demonstrirano u narednoj vežbi (MTIPLab06). Sadržaj klase StudentFragment koja predstavlja fragment koji će prikazati klikom na stavku menija Studenti prikazan je u listingu koda broj 8. package rs.tfzr.mtipstudenti; import android.app.alertdialog; import android.content.context; import android.content.dialoginterface; import android.net.uri; import android.os.bundle; import android.app.fragment; import android.view.layoutinflater; import android.view.view; import android.view.viewgroup; import android.widget.imageview; import android.widget.textview; public class StudentiFragment extends Fragment { // TODO: Rename parameter arguments, choose names that match // the fragment initialization parameters, e.g. ARG_ITEM_NUMBER private static final String ARG_PARAM1 = "param1"; private static final String ARG_PARAM2 = "param2"; // TODO: Rename and change types of parameters private String mparam1; private String mparam2; private OnFragmentInteractionListener mlistener; protected TextView _textviewdodajnovogstudenta; 16

17 protected ImageView _imageviewpretraga; protected Context _context; public StudentiFragment() { // Required empty public constructor // TODO: Rename and change types and number of parameters public static StudentiFragment newinstance(string param1, String param2) { StudentiFragment fragment = new StudentiFragment(); Bundle args = new Bundle(); args.putstring(arg_param1, param1); args.putstring(arg_param2, param2); fragment.setarguments(args); return fragment; public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); if (getarguments()!= null) { mparam1 = getarguments().getstring(arg_param1); mparam2 = getarguments().getstring(arg_param2); public View oncreateview(layoutinflater inflater, ViewGroup container, Bundle savedinstancestate) { // Inflate the layout for this fragment View rootview = inflater.inflate(r.layout.fragment_pretraga, container, false); this._context = rootview.getcontext(); this._textviewdodajnovogstudenta = (TextView)rootView.findViewById(R.id.textViewDodajNovogStudenta); this._textviewdodajnovogstudenta.setonclicklistener(new View.OnClickListener() { public void onclick(view view) { MTIPStudentiMain.displayView(new StudentiDodavanjeFragment(),MTIPStudentiMain._activity); ); this._imageviewpretraga = (ImageView)rootView.findViewById(R.id.imageViewPretraga); this._imageviewpretraga.setonclicklistener(new View.OnClickListener() { public void onclick(view view) { AlertDialog.Builder builder = new AlertDialog.Builder(getActivity()); builder.setmessage("treba implementirati pretragu!!").settitle("mtip Studenti"); builder.setpositivebutton("ok", new DialogInterface.OnClickListener() { public void onclick(dialoginterface dialog, int id) { ); ); AlertDialog dialog = builder.create(); dialog.show(); 17

18 return rootview; // TODO: Rename method, update argument and hook method into UI event public void onbuttonpressed(uri uri) { if (mlistener!= null) { mlistener.onfragmentinteraction(uri); public void onattach(context context) { super.onattach(context); if (context instanceof OnFragmentInteractionListener) { mlistener = (OnFragmentInteractionListener) context; else { throw new RuntimeException(context.toString() + " must implement OnFragmentInteractionListener"); public void ondetach() { super.ondetach(); mlistener = null; public interface OnFragmentInteractionListener { // TODO: Update argument type and name void onfragmentinteraction(uri uri); Listing broj 8. Sadržaj klase StudentiFragment Sadržaj fragmenta StudentiFragment gotovo je identičan sadržaju fragmenta PretragaFragment s time što se labela (taster) za dodavanje studenta ne sakriva već se definiše onclicklistener za istu sa pozivom statičke metode displayview iz klase MTIPStudentiMain uz prosleđivanje reference na instancu klase StudentiDodavanjeFragment. Na navedeni način, klikom na prethodno spomenutu labelu, korisnik se preusmerava na fragment StudentiDodavanjeFragment. Sadržaj fragmenta StudentiDodavanjeFragment prikazan je u listingu koda broj 9. package rs.tfzr.mtipstudenti; import android.content.context; import android.net.uri; import android.os.bundle; import android.app.fragment; import android.view.layoutinflater; import android.view.view; import android.view.viewgroup; import android.widget.button; import android.widget.linearlayout; import android.widget.textview; import org.w3c.dom.text; 18

19 public class StudentiDodavanjeFragment extends Fragment { // TODO: Rename parameter arguments, choose names that match // the fragment initialization parameters, e.g. ARG_ITEM_NUMBER private static final String ARG_PARAM1 = "param1"; private static final String ARG_PARAM2 = "param2"; // TODO: Rename and change types of parameters private String mparam1; private String mparam2; private OnFragmentInteractionListener mlistener; protected TextView _textviewdodavanjelabela; protected Context _context; protected Button _btnpotvrdi; protected Button _btnodustani; protected LinearLayout _linearlayoutidstudenta; protected LinearLayout _linearlauyoutmain; public StudentiDodavanjeFragment() { // Required empty public constructor // TODO: Rename and change types and number of parameters public static StudentiDodavanjeFragment newinstance(string param1, String param2) { StudentiDodavanjeFragment fragment = new StudentiDodavanjeFragment(); Bundle args = new Bundle(); args.putstring(arg_param1, param1); args.putstring(arg_param2, param2); fragment.setarguments(args); return fragment; public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); if (getarguments()!= null) { mparam1 = getarguments().getstring(arg_param1); mparam2 = getarguments().getstring(arg_param2); public View oncreateview(layoutinflater inflater, ViewGroup container, Bundle savedinstancestate) { // Inflate the layout for this fragment View rootview = inflater.inflate(r.layout.fragment_studenti_dodavanje_izmena, container, false); this._context = rootview.getcontext(); this._textviewdodavanjelabela = (TextView)rootView.findViewById(R.id.textViewStudentiNazivAkcije); this._textviewdodavanjelabela.settext("dodavanje studenta"); this._linearlauyoutmain = (LinearLayout)rootView.findViewById(R.id.dodavanjeIzmenaMainLinearLayout); this._linearlayoutidstudenta = (LinearLayout)rootView.findViewById(R.id.linearLayoutIDStudenta); this._linearlauyoutmain.removeview(this._linearlayoutidstudenta); this._btnpotvrdi = (Button)rootView.findViewById(R.id.buttonPotvrdi); this._btnodustani = (Button)rootView.findViewById(R.id.buttonOdustani); this._btnodustani.setonclicklistener(new View.OnClickListener() { 19

20 public void onclick(view view) { MTIPStudentiMain.displayView(new StudentiFragment(),MTIPStudentiMain._activity); ); return rootview; // TODO: Rename method, update argument and hook method into UI event public void onbuttonpressed(uri uri) { if (mlistener!= null) { mlistener.onfragmentinteraction(uri); public void onattach(context context) { super.onattach(context); if (context instanceof OnFragmentInteractionListener) { mlistener = (OnFragmentInteractionListener) context; else { throw new RuntimeException(context.toString() + " must implement OnFragmentInteractionListener"); public void ondetach() { super.ondetach(); mlistener = null; public interface OnFragmentInteractionListener { // TODO: Update argument type and name void onfragmentinteraction(uri uri); Listing broj 9. Sadržaj klase StudentDodavanjeFragment Analizom listinga koda broj 9 da se zaključiti da se u spomenutom fragmentu formiraju petoro bitnih objekata: objekat tipa TextView koji će se koristiti kao labela i menjaće se tekst iste kako bi se naznačilo da li se radi o formi za Dodavanje studenta ili Izmenu studenta, objekat tipa Context koji se odnosi na fragment tj. aktivnost u kojem se isti poziva, dva objekta tipa Button koji će se imati ulogu tastera za potvrđivanje akcije (btnpotvrdi) i odustajanje (btnodustani) od iste, dva objekta tipa LinearLayout. Jedan od navedenih LinearLayout objekta će referencirati glavni layout fragmenta koji nosi identifikator R.id.dodavanjeIzmenaMainLinearLayout dok će drugi referencirati LinearLayout sa identifikatorom R.id.linearLatoutIDStudenta kako bi se isti mogao ukloniti pošto je navedeno polje za Dodavanje studenta nepotrebno, ali je za Izmenu studenta potrebno pa se stoga koristi unutar fragmenta StudentiIzmenaFragment. Unutar poziva metode oncreateview vidi se da se koristi layout fragment_studenti_dodavanje_izmena.xml na osnovu indentifikatora R. fragment_studenti_dodavanje_izmena i isti se formira putem inflater-a. Dalje se instanciraju prethodno spomenuti objekti i dodelju se odgovarajući listeneri. Takođe, bitno je napomenuti da se tasteru za odustajanje od akcije dodeljuje onclicklistener i klikom na isti korisnik se preusmerava na fragment StudentiFragment. 20

21 Slika broj 4. Fragment Pretraga studenata Slika broj 5. Dialog koji ukazuje da pretragu studenata treba implementirati Slika broj 6. Fragment Studenti Slika broj 7. Fragment Dodavanje studenta 21

22 Slika broj 8. Dialog koji ukazuje da upravljanje Studijskim smerovima treba implementirati Ukoliko su svi koraci ove vežbe adekvatno ispraćeni MTIP Studenti Android aplikacija bi trebala da se bez problema build-uje i pokrene na odabranom emulatoru. Na slikama broj 4, 5, 6, 7 i 8 prikazani su rezultati modifikacije aplikacije iz prethodne vežbe (MTIPLab04). Na slici broj 4 prikazan je izgled fragmenta Pretraga studenta, dok je na slici broj 5 prikazan dijalog koji ukazuje da pretragu studenata treba implementirati. Slika broj 6 prikazuje fragment Studenti dok slika broj 7 prikazuje fragment Dodavanje studenta. Slika broj 8 prikazuje dialog koji ukazuje da upravljanje Studijskim smerovima treba implementirati 22