Connect the left side of the ImageView to the left edge of the parent ConstraintLayout. Add horizontal constraints to the ImageView.You need to vertically center the ImageView in the screen, regardless of where the Button is located. Now you need to position the ImageView and the Button below it. The Button is not vertically constrained because you removed the TextView below which it was originally positioned. The Button is not vertically constrained, and the ImageView is neither vertically nor horizontally constrained. In the Component Tree, you will notice two errors.
The Design view of your app should look like this. This is the temporary image you will use until you add the dice images in the next task. In the Pick a Resource dialog, select avatars under Sample data.Drag an ImageView from the Palette onto the Design view, positioning it above the Button.Ignore the warning on the Button for now.Right-click and choose Delete or press the Delete key.In that case, you can select a View by selecting it in the Component Tree instead. Tip: As you add more UI components and are adding and removing constraints, you may temporarily find one View overlapping another, making it hard to select the one in the back. In the Layout Editor, select the TextView in the Component Tree.Open activity_main.xml ( app > res > layout > activity_main.xml).You can use the solution code or the code you created. Open and run the Dice Roller app from the previous codelab in Android Studio.In this task, you'll replace the TextView in your layout with an ImageView that displays an image of the dice roll result. Internet connection to download the dice images.A computer with Android Studio installed.Dice Roller Android app that has a Button to roll a dice and update the image on the screen.How to customize your app behavior based on different conditions (using a when statement).How to update an ImageView while the app is running.Able to add image resources to an Android app.Able to add a click listener to a Button.Able to update the UI of the app based on user input (modifying the MainActivity.kt file).Able to write control flow statements ( if / else, when statements).Completed the Create an interactive Dice Roller app codelab.To write code for which dice image to use, you will be using a when statement in Kotlin. You will be provided with a link to download the dice images, and you will add them as resources in your app. It will be a much more visual and enhanced user experience for your app. Instead of displaying the value of the dice roll in a TextView, your app will display the appropriate dice image for the number of sides that was rolled. Be sure to complete the earlier codelab on building the foundation of the Dice Roller app first. In this codelab, you will add dice images to your existing Dice Roller Android app.
0 kommentar(er)
