This shows you the differences between two versions of the page.
dapm:laboratoare:04 [2018/03/16 14:52] 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 129: | Line 131: | ||
**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). | **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). | ||
+ | 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" ). Add for the TextView and the Button a proper id. | 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 144: | 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\\ |