Initialising the Views (GameFragment) 5COSC005W MOBILE APPLICATION DEVELOPMENT Lecture 5: Ultimate Tic-Tac-Toe Game: The Interface (Part III)

Transcription

1 5COSC005W MOBILE APPLICATION DEVELOPMENT Lecture 5: Ultimate Tic-Tac-Toe Game: The Interface (Part III) Dr Dimitris C. Dracopoulos Making a Move (GameFragment) Dimitris C. Dracopoulos 1/22 Initialising the Views (GameFragment) private void initviews ( View rootview ) { mentireboard. setview ( rootview ); View outer = rootview. findviewbyid ( mlargeids [ large ]); mlargetiles [ large ]. setview ( outer ); ImageButton inner = ( ImageButton ) outer. findviewbyid ( msmallids [ small ]); final int flarge = large ; final int fsmall = small ; final Tile smalltile = msmalltiles [ large ][ small ]; smalltile. setview ( inner ); inner. setonclicklistener ( new View. OnClickListener () public void onclick ( View view ) { if ( isavailable ( smalltile )) { makemove ( flarge, fsmall ); switchturns (); ); Dimitris C. Dracopoulos 2/22 Switching turns and Updating All Tiles (GameFragment) private void makemove ( int large, int small ) { mlastlarge = large ; mlastsmall = small ; Tile smalltile = msmalltiles [ large ][ small ]; Tile largetile = mlargetiles [ large ]; smalltile. setowner ( mplayer ); setavailablefromlastmove ( small ); Tile. Owner oldwinner = largetile. getowner (); Tile. Owner winner = largetile. findwinner (); if ( winner!= oldwinner ) { largetile. setowner ( winner ); winner = mentireboard. findwinner (); mentireboard. setowner ( winner ); updatealltiles (); if ( winner!= Tile. Owner. NEITHER ) { (( GameActivity ) getactivity ()). reportwinner ( winner ); private void switchturns () { mplayer = mplayer == Tile. Owner.X? Tile. Owner.O : Tile. Owner.X; private void updatealltiles () { mentireboard. updatedrawablestate (); mlargetiles [ large ]. updatedrawablestate (); msmalltiles [ large ][ small ]. updatedrawablestate (); Dimitris C. Dracopoulos 3/22 Dimitris C. Dracopoulos 4/22

2 Restarting the Game (GameFragment) Saving the State of the Game (GameFragment) Need to convert the state of the game to a string: public void restartgame () { initgame (); initviews ( getview ()); updatealltiles (); public String getstate () { StringBuilder builder = new StringBuilder (); builder. append ( mlastlarge ); builder. append (, ); builder. append ( mlastsmall ); builder. append (, ); builder. append ( msmalltiles [ large ][ small ]. getowner (). name ()); builder. append (, ); return builder. tostring (); Dimitris C. Dracopoulos 5/22 Restoring the State of the Game (GameFragment) Saving Data in an Android Application Dimitris C. Dracopoulos 6/22 /* * Restore the state of the game from the given string. */ public void putstate ( String gamedata ) { String [] fields = gamedata. split (","); int index = 0; mlastlarge = Integer. parseint ( fields [ index ++]); mlastsmall = Integer. parseint ( fields [ index ++]); Tile. Owner owner = Tile. Owner. valueof ( fields [ index ++]); msmalltiles [ large ][ small ]. setowner ( owner ); Saving Key-Value Sets (small amounts) Saving in Files Saving in SQL databases (large amounts of structured data) setavailablefromlastmove ( mlastsmall ); updatealltiles (); Dimitris C. Dracopoulos 7/22 Dimitris C. Dracopoulos 8/22

3 Saving Key-Value Sets Using the SharedPreferences API. To create a new shared preference file or access an existing one, call one of the following methods to get a SharedPreferences object: getsharedpreferences(): if you need multiple shared preferences files (the name of the preference file is the first argument) - can be called from any Context in the app Context context = getactivity (); SharedPreferences sharedpref = context. getsharedpreferences ( preference_ filename, getpreferences(): call from an activity to use only one shared preference file associated with the activity SharedPreferences sharedpref = getactivity (). getpreferences ( Usage of MODE WORLD READABLE or MODE WORLD WRITEABLE imply that any other app can access your data (if it knows the filename) Dimitris C. Dracopoulos 9/22 Saving Key-Value Sets (Reading Shared Preferences) Saving Key-Value Sets (Writing to Shared Preferences) 1. Create a SharedPreferences.Editor by calling edit() on SharedPreferences. 2. Write the keys and values with putint(), putstring(), etc. 3. Call commit(). SharedPreferences sharedpref = getactivity (). getpreferences ( SharedPreferences. Editor editor = sharedpref. edit (); // step 1 editor. putint ( key_name, newhighscore ); // step 2 editor. commit (); // step 3 Continuing a Game (GameActivity) Dimitris C. Dracopoulos 10/22 public static final String KEY_ RESTORE = " key_ restore "; public static final String PREF_ RESTORE = " pref_ restore "; Call methods getint(), getstring(), etc., providing the key of the value you want to retrieve. SharedPreferences sharedpref = getactivity (). getpreferences ( long highscore = sharedpref. getint ( key_name, defaultvalue ); The second argument defaultvalue is optional and it is value that will be returned if the key key name is not present. private GameFragment mgamefragment ; protected void oncreate ( Bundle savedinstancestate ) { super. oncreate ( savedinstancestate ); setcontentview ( R. layout. activity_ game ); mgamefragment = ( GameFragment ) getfragmentmanager (). findfragmentbyid (R.id. fragment_game ); boolean restore = getintent (). getbooleanextra ( KEY_RESTORE, false ); if ( restore ) { String gamedata = getpreferences ( MODE_ PRIVATE ). getstring ( PREF_RESTORE, null ); if ( gamedata!= null ) { mgamefragment. putstate ( gamedata ); Dimitris C. Dracopoulos 11/22 Dimitris C. Dracopoulos 12/22

4 Continuing a Game (GameActivity) (cont ed) protected void onpause () { super. onpause (); String gamedata = mgamefragment. getstate (); getpreferences ( MODE_ PRIVATE ). edit (). putstring ( PREF_RESTORE, gamedata ). commit (); public void restartgame () { mgamefragment. restartgame (); Controlling the Game (cont ed) Dimitris C. Dracopoulos 13/22 Controlling the Game Add 2 buttons for Restart and Main Menu in file res/layout/fragment control.xml: < LinearLayout xmlns:android =" http: // schemas. android. com / apk / res / android " xmlns:tools =" http: // schemas. android. com / tools " android: orientation =" horizontal " android: padding / control_ padding " tools:context =". GameActivity "> android:id ="@+id/ button_restart " android: drawabletop drawable / restart " android:text / restart_label "/> android:id ="@+id/ button_main " android: drawabletop drawable / home " android:text / main_menu_label "/> </ LinearLayout > The Java code for the Control Fragment Dimitris C. Dracopoulos 14/22 package org. example. tictactoe ; Add 2 images home.png and restart.png in the res/drawable-xxhdpi directory. Add the control fragment in the layout of activity game.xml. <! -- Control fragment goes here... --> < fragment android:id ="@+id/ fragment_game_controls " class =" org. example. tictactoe. ControlFragment " tools:layout / fragment_control "/> import android. app. Fragment ; import android.os. Bundle ; import android. view. LayoutInflater ; import android. view. View ; import android. view. ViewGroup ; public class ControlFragment extends Fragment { public View oncreateview ( LayoutInflater inflater, ViewGroup container, Bundle savedinstancestate ) { View rootview = inflater. inflate ( R. layout. fragment_control, container, false ); View main = rootview. findviewbyid ( R. id. button_ main ); View restart = rootview. findviewbyid ( R. id. button_ restart ); Dimitris C. Dracopoulos 15/22 Dimitris C. Dracopoulos 16/22

5 The Java code for the Control Fragment (cont ed) Missing values In dimens.xml: main. setonclicklistener ( new View. OnClickListener () public void onclick ( View view ) { getactivity (). finish (); ); restart. setonclicklistener ( new View. OnClickListener () public void onclick ( View view ) { (( GameActivity ) getactivity ()). restartgame (); ); return rootview ; <dimen name =" activity_horizontal_margin ">8dp </ dimen > <dimen name =" activity_vertical_margin ">8dp </ dimen > <dimen name =" tile_size ">30 dp </ dimen > <dimen name =" tile_margin ">0dp </ dimen > <dimen name =" tile_padding ">3dp </ dimen > <dimen name =" control_padding ">20 dp </ dimen > <dimen name =" small_board_padding ">2dp </ dimen > <dimen name =" small_board_margin ">2dp </ dimen > <dimen name =" elevation_low ">4dp </ dimen > In colors.xml: <color name =" dark_border_color ">#4 f4f4f </ color > <color name =" available_color ">#7 fbf7f </ color > <color name =" blue_color ">#7 f7fff </ color > <color name =" gray_color "># bfbfbf </ color > <color name =" purple_color ">#7 f007f </ color > <color name =" red_color "># ff7f7f </ color > Dimitris C. Dracopoulos 17/22 Dimitris C. Dracopoulos 18/22 Missing values (cont ed) In strings.xml: < string name =" restart_label ">Restart </ string > < string name =" main_menu_label ">Main Menu </ string > < string name =" declare_winner ">%1$ s is the winner </ string > Dealing with landscape mode Define different layouts in the directory res/layout-land: e.g. file activity game.xml < FrameLayout xmlns:android =" http: // schemas. android. com / apk / res / android " xmlns:tools =" http: // schemas. android. com / tools " android: layout_ height =" match_ parent " tools: context =". TicTacToeActivity " > < ImageView android: layout_ height =" match_ parent " android: scaletype =" centercrop " android:src / sandy_beach "/> < LinearLayout android: layout_ height =" match_ parent " android: gravity =" center " android: baselinealigned =" false " android: orientation =" horizontal " > Dimitris C. Dracopoulos 19/22 Dimitris C. Dracopoulos 20/22

6 Dealing with landscape mode (cont ed) < fragment android:id fragment_game " class =" org. example. tictactoe. GameFragment " tools:layout / fragment_game "/> < fragment android:id ="@+id/ fragment_game_controls " class =" org. example. tictactoe. ControlFragment " tools:layout / fragment_control "/> </ LinearLayout > </ FrameLayout > Dimitris C. Dracopoulos 21/22 Dealing with landscape mode (cont ed) The res/layout-land/fragment control.xml file: < LinearLayout xmlns:android =" http: // schemas. android. com / apk / res / android " xmlns:tools =" http: // schemas. android. com / tools " android: orientation =" vertical " android: padding / control_ padding " tools:context =". GameActivity "> android:id ="@+id/ button_restart " android: drawabletop drawable / restart " android:text / restart_label "/> android:id ="@+id/ button_main " android: drawabletop drawable / home " android:text / main_menu_label "/> </ LinearLayout > Dimitris C. Dracopoulos 22/22