Android fortsättning. TDDD80 Mobila och sociala applikationer

Transkript

1 Android fortsättning TDDD80 Mobila och sociala applikationer

2 Krav labb A2 + A3 Scrollbar lista + detalj-vy Stor skärm - liten skärm Rotation Nätverksanrop Hämta data från server Hantera JSON

3 Scrollbar lista + detalj-vy

4 Uppgift Scrollbar lista + detalj-vy Stor skärm - liten skärm

5 Uppgift Scrollbar lista + detalj-vy Stor skärm - liten skärm

6 Bred skärm eller roterat (landscape)

7 Använd två Activities?

8 Nackdelar Activities är speciella, eftersom de har direktkontakt med Android Kan inte läggas två på samma skärm Kan inte läggas inne i varandra

9 Vill ha flyttbara, återanvändbara skärmbitar

10 Mål Återanvända både layout Layout klickhantering Beteende datahantering

11

12

13 MainActivity Direktkontakt med Android OS Kan anropas utifrån (från andra appar) Navigering mellan fragment/skärmar Starta med ListFragment Hantera klick Starta upp nytt DetailsFragment

14 Fragments Visning av information Datahantering Ska inte veta om vilka andra fragment som finns på skärmen just nu Eftersom detta kan variera Ska bara veta om MainActivity Mer generellt Context

15 Klickhantering ListFragment visas på skärmen En list-item klickas i ListFragment Kan inte meddela DetailsFragment direkt Skicka klick uppåt till MainActivity

16 Uppåt-kommunikation public void onlistitemclick(listview l, View v, int position, long id) { // call the callback method on the context // that this fragment is currently attached to mycontext.onitemselected(l, v, position, id); } Vad händer om mycontext (dvs. MainActivity) inte har en metod som heter onitemselected?

17 Lösning Kräv att Context (MainActivity) som fragmentet kopplas till implementerar ett interface som definieras av fragmentet M.a.o. definiera ett interface i MyListFragment: MyListFragment.ItemSelectedListener

18 MyListFragment.ItemSelectedListener I MyListFragment: // Want to be able to call this method on the context // that this list fragment is attached to public interface ItemSelectedListener { public void onitemselected(listview l, View v, int position, long id); }

19 Fragmentet dubbelkollar // Fragmentet håller på att kopplas till public void onattach(context context) { super.onattach(context); if (context instanceof ItemSelectedListener) { mycontext = (ItemSelectedListener) context; } Har context implementerat gränsnittet? } else { throw new ClassCastException(context.toString() + " must implement "); Lagra en referens

20 Fragment

21

22 MainActivity Innehåller en FrameLayout som platshållare Lägg i MyListFragment vid oncreate

23 MainActivity Innehåller en FrameLayout som platshållare Lägg i MyListFragment vid oncreate

24 Vid klick Byt innehållet i FrameLayout till MyDetailsFragment Namn: Kalle Petterson Epost: kalle123@gmail.com Namn: Elinor Karlström Epost: ella97@telia.se Svarade: Kalle

25 Stora skärmar En huvud FrameLayout En details FrameLayout Twitter medlemmar: Namn: Kalle Petterson Epost: Namn: Elinor Karlström Epost: Svarade: Kalle

26 Att lägga i ett fragment i ramen detailsfragment = new MyDetailsFragment(); FragmentTransaction transaction = getsupportfragmentmanager().begintransaction(); transaction.replace(r.id.frame, detailsfragment); transaction.addtobackstack(null); transaction.commit();

27 Att skicka med information // implicit way of sending arguments to the fragment Bundle args = new Bundle(); String groupname = myadapter.getitem(position).tostring(); args.putstring("groupname", groupname); detailsfragment.setarguments(args); I fragmentet: this.groupname = args.getstring("groupname");

28 Adapter: matar listan med data

29 Adaptern matar listan med data data MyGroups getview MyListFragment listitem adapter MyAdapter GET /grupper server

30 public View getview(int position, View convertview, ViewGroup parent) { // convertview -> textview } textview.settext((mygroups.getitem(position).tostring())); return textview; Referens till data-klassen MyGroups.. Kan vara null!

31 MyListAdapter Återanvänd gammal public View getview(int position, View convertview, ViewGroup parent) { if (convertview == null) { textview = (TextView) myinflater.inflate(itemlayoutfileid, parent, false); } else { textview = (TextView) convertview; }

32 MyDetailsFragment direktkontakt med server Twitter medlemmar: Namn: Kalle Petterson Epost: data MyGroupMembers Namn: Elinor Karlström Epost: Svarade: Kalle GET /medlemmar/twitter MyDetailsFragment(Twitter) server

33 UI:t måste vara responsivt Appen måste reagera på användarinput inom 5 sekunder (helst ms) Annars får användaren en "Application Not Responding" (ANR) dialog

34 Trådar Main thread (UI thread) Reseverat för användarinteraktion Visa info Reagera på klick, etc. Cache thread Temporär lagring av hämtade data Worker thread (1, 2, 3,.) För tungt/långsamt arbete i bakgrunden

35 Hämta data från servern

36 Nätverksanrop Volley Googles egna bibliotek ex.html AndroidAsyncHttp Populärt bibliotek f

37 build.gradle (app) dependencies { compile 'com.android.volley:volley:1.0.0' compile 'com.google.code.gson:gson:2.8.2' }

38 Volley

39 Volley erbjuder bas-klassen Request Definiera egen klass MyGsonRequest Utgå från exemplet på Android developer pages: quest-custom.html Använd Googles Java bibliotek för JSON: Gson erguide.md

40 Nätverksanrop Nätverksanrop t.ex. i MyListAdapter: Skapa request = new MyGsonRequest( ) Lägg till request:et i en kö Nätverksanropet sker automagiskt på separat tråd Svar kommer i din lyssnare på main (UI) thread

41 Skapa request request = new MyGsonRequest<>( Method.GET MyGroups.class, null, // no headers null, // no body, // olika call-backs, dvs. lyssnare) Packa upp JSONresponsen till ett objekt av klassen MyGroups requestqueue.add(request); // don't wait for response

42 T.ex. i MyListAdapter request = new MyGsonRequest<>( // method, URL, etc. new Response.Listener<MyGroups>() public void onresponse(mygroups response) { updategroups(response); } }, Skickar även med lyssnare (callback när respons finns) private void updategroups(mygroups response) { groups = response; notifydatasetchanged(); // broadcast: nya data är tillgängliga! }

43 Sekvensdiagram MyListFragment MyAdapter server GET /grupper updategroups() notifydatasetchanged() getview()

44 Skicka JSON, vid t.ex. inloggning headers = new HashMap<String, String>(); headers.put( content-type, application/json ); payload = new mylogindata(user , userpassword); body = gson.tojson(payload); request = new GsonRequest<>(Method.POST,, headers, body, ); requestqueue.add(request);

45 Ta emot token request = new GsonRequest<>( Method.POST, mytokenholder.class, headers, body, ); Packa upp serverresponse till objekt av den här klassen Response { "access_token": server-generated.jwt.here", "token_type": Bearer", "expires_in": 3600 }

46 Skicka token i headers headers = new HashMap<String, String>(); headers.put( Authorization, Bearer + accesstoken); request = new GsonRequest<>(, headers, ); requestqueue.add(request);

47 GsonRequest Bygger ihop requests packar upp response

48 GsonRequest public class GsonRequest<T> extends Request<T> { private final Gson gson = new Gson(); public GsonRequest(int method, String url, Class<T> clazz, ) { super(method, url, ); } this.clazz = clazz; Referens till data-klassen MyGroups, el. MyGroupMembers

49 GsonRequest (uppackning av protected Response<T> parsenetworkresponse(networkresponse response) { try { json = new String(response.data, // encoding info from headers); return Response.success( gson.fromjson(json, clazz), // get response code from headers); }

50 Biblioteket Gson Googles egna bibliotek för att parsa JSON direkt till Java objekt Man anger att man vill ha objekt av typen MyGroups.class när man skapar ett request Gson sköter nerpackning och uppackning av data Packar upp data till Java Beans!

51 Java Beans Null-konstruktor Var. namn matchar JSON-nycklarna Finns getters och setters för alla var. Möjliggör automatisk uppackning av JSON till objektet

52 Mer om GsonRequest (med kodexempel) est-custom.html

53

54 ViewModel (ny arkitekturkomponent) Nuvarande problem med ViewModel Hanterar inte fragment lifecycle Detach / attach Utvecklare behöver vara medveten om när onstop p.g.a. rotation, när risk för senare ondestroy Eftersom förra hanteras av ViewModel, men inte senare Funkar inte med Gson Blir därför jobbigare JSON-hantering