Overview of the values folder and how to use it in an effective way. working with important factors of UX engineering and how each XML file maps in android application and device.

1. Values folder

2. Why important
• Define once, use many

3. res folder
• Anything in res folder it is in R.java file
– (Change the view)
• Class mipmap ect.

4. strings.xml
• Define string resources in this file
<resources>
<string name="app_name">My Application</string>
</resources>

5. In class Activity

6. Styles.xml
• colorPrimary
• colorPrimaryDark
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
<style name="AppTheme.NoActionBar">
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
</style>
<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />
<style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />
</resources>

7. In class Acitivity

8. General Overview
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="colorPrimary">#008577</color>
<color name="colorPrimaryDark">#00574B</color>
<color name="colorAccent">#D81B60</color>
</resources>

9. Selecting colors
• Color Theroy
• Color Wheel
• Meterial design colors
– https://material.io/design/color/the-color-
system.html

10. Colors.xml
• Define
– colorPrimary
– colorPrimaryDark
– secondary colors
– colorAccent
• Themes and color

11. In class Activity

12. dimens.xml
• Setup margins
– Device compatibility
– UX enhancement
– Alignments
– Margins

13. Quiz

16. futuretekez@gmail.com
Keep In Touch
+94765632363
@FutureteKez
future tekiz
@10Giants
Panadura, Sri Lanka