Differences
This shows you the differences between two versions of the page.
|
dapm:laboratoare:04 [2018/03/16 14:42] ioana_maria.culic |
dapm:laboratoare:04 [2020/02/28 17:00] (current) sabina.horincar |
||
|---|---|---|---|
| Line 27: | Line 27: | ||
| More info : https://developer.android.com/reference/android/widget/GridLayout.html\\ | More info : https://developer.android.com/reference/android/widget/GridLayout.html\\ | ||
| - | ====== Exercises : ====== | + | ====== Exercises ====== |
| **X & 0 GAME**\\ | **X & 0 GAME**\\ | ||
| Download the next 3 image and add them in your new project in the res/drawable folder (copy - paste) or create your own models: \\ | Download the next 3 image and add them in your new project in the res/drawable folder (copy - paste) or create your own models: \\ | ||
| Line 35: | Line 35: | ||
| {{:dapm:laboratoare:lab4_x.png?150|}} | {{:dapm:laboratoare:lab4_x.png?150|}} | ||
| \\ | \\ | ||
| - | ** | ||
| - | For this lab do not use the design from xml, use only the text !** | ||
| + | ** For this lab do not use the design from xml, use only the text ! **\\ | ||
| + | ** Understand the code, at the end of the lab, the assistant will ask you questions ! ** | ||
| + | \\ | ||
| + | \\ | ||
| **Ex 1 ** Make a new project, and using the next xml, positionate another 8 image in the grid layout (in the empty spaces), following the next example: \\ | **Ex 1 ** Make a new project, and using the next xml, positionate another 8 image in the grid layout (in the empty spaces), following the next example: \\ | ||
| **Attention !** [ImageView] The tag value and the index from the id shoud be the same !\\ | **Attention !** [ImageView] The tag value and the index from the id shoud be the same !\\ | ||
| Line 82: | Line 84: | ||
| ImageView counter = (ImageView) view; | ImageView counter = (ImageView) view; | ||
| // get the current Image View (counter tag) | // get the current Image View (counter tag) | ||
| - | // int tappedCounter = //TODO | + | int tappedCounter = Integer.parseInt(counter.getTag().toString()); |
| //if the space is empty(is 2) and the game is not over | //if the space is empty(is 2) and the game is not over | ||
| Line 128: | Line 130: | ||
| - | **Ex 3 ** In the xml file, in the relative layout, add a linear layout (layout_width="wrap_content", layout_height="wrap_content", visibility="invisible", orientation="vertical") | + | **Ex 3 ** In the xml file, in the relative layout, add a linear layout (layout_width="wrap_content", layout_height="wrap_content", visibility="invisible", orientation="vertical", center it //vertical// and //horizontal// and add a //padding// (can be 20 dp). |
| - | Center it //vertical// and //horizontal// and add a //padding// (can be 20 dp). | + | Change its color (NOT WHITE). |
| \\ | \\ | ||
| - | In the LinearLayout add a TextView and a Button (both with width and height "wrap_content" and with layout_gravity= "center_horizontal" | + | In the LinearLayout add a TextView and a Button (both with width and height "wrap_content" and with layout_gravity= "center_horizontal" ). Add for the TextView and the Button a proper id. |
| \\ | \\ | ||
| Line 145: | Line 147: | ||
| ((ImageView) gridLayout.getChildAt(i)).setImageResource(0) | ((ImageView) gridLayout.getChildAt(i)).setImageResource(0) | ||
| } | } | ||
| + | \\ | ||
| + | **Ex 6 ** Make a login page for the game like in the last lab. | ||
| \\ | \\ | ||
| + | **BONUS** (only if you've done the exercises) \\ | ||
| + | 1. Change the colors and the background images as you like. | ||
| + | \\ | ||
| REFS:\\ | REFS:\\ | ||
| http://www.techotopia.com/index.php/Working_with_the_Android_GridLayout_in_XML_Layout_Resources\\ | http://www.techotopia.com/index.php/Working_with_the_Android_GridLayout_in_XML_Layout_Resources\\ | ||
| https://developer.android.com/reference/android/widget/GridLayout.html\\ | https://developer.android.com/reference/android/widget/GridLayout.html\\ | ||
