UI Styling INTRODUCTION

SELF-REVIEW: DEFINING RESOURCES AND THEMES

1. When defining the color resource in the exercise, what class was used?  

2. What was the size of the order button?

3. Which Theme color was modified?

4. Themes allow you to separate application design details from the UI structure and behavior. 

5. In Android, colors are represented as hexadecimal ARGB values. 

6. When styling text, you are limited as to the number of styles you can apply so they won’t interfere with one another. 

7. The theme helps to create a custom design according to the product’s brand and it also helps to customize and unify the design of UI elements.

KNOWLEDGE CHECK: THEMES

1. Theme is represented as a collection of attributes.

2. Modifying Button style in the theme will not change appearance of every button in the application unless theme style is overridden.

3. Select all that apply.
The Button height defined in app Theme can be overridden in__________:

4. What do these two characters of hexadecimal ARGB color represent?

• Value of blue color 
• Value of red color (CORRECT)
• Value of alpha channel
• Value of green color

Correct! This bit represents a red color value from ARGB color representation. 

5. The Decimal numeric system is used to represent Android color resources.

6. Which unit would you use to set text size?

Text(
text = "My Text",
fontSize = 26.sp,
)

7. Which arguments of text can be provided using Text composable? Select all that apply.

8. The White color is represented by __________- value in the ARGB color space.

SELF-REVIEW: ANIMATING COMPOSABLES

1. What is the name of the composable used to add text visibility animations?

2. What is  the name of the enter transition that was added to the text?

3. remember delegate preserves visible variable state during recomposition.

4. The Animated Visibility API animates the _______________ of its content.  Check all that apply.

5. In this video, the function used for the animation is animateFloatAsState().

Coursera Meta Android Developer Professional Certificate Answers and Study Guide

Weekly Breakdown | Meta Study Guides | Back to Top

MODULE QUIZ: ANIMATIONS

1. Theme is represented as a ________ .

2. The black color is represented by __________ value in the ARGB color space.

3. The main difference between dp (density independent pixel) and sp (scalable pixel) is that it takes the text size setting of the user device into consideration when deciding what text size should be displayed. 

4. What will the output of this code be?

5. What will be displayed on the screen?

6. Which arguments of text can be provided using the Text composable? Select all that apply.

7. Is it possible to change the shape of surface corners?

8. The ___________________ composable animates the appearance and disappearance of its content.

9. What will the output of this code be?

var visible by remember {
    mutableStateOf(value: true)
}
Column { this: ColumnScope
    AnimatedVisibility(visible = visible) { this: AnimatedVisibilityScope
         Text(text = "Hello, world!")
}
    Button(onClick = { visible = !visible }) { this: RowScope
        Text( text: "Button ")
      }
}    

10. You can control how long each transition will last.

Interactive CSS CONCLUSION