Changes

An Android Studio Layout Editor ConstraintLayout Tutorial

5 bytes removed, 18:26, 16 January 2019
Preparing the Layout Editor Environment
</pre>
== Preparing Preparing the Layout Editor Environment ==
Locate and double-click on the activity_layout_sample.xml layout file located in the app -> res -> layout folder to load it into the Layout Editor tool. Since the purpose of this tutorial is to gain experience with the use of constraints, turn off the Autoconnect feature using the button located in the Layout Editor toolbar. Once disabled, the button will appear with a line through it as is the case in Figure 20-2:
The user interface design will also make use of the ImageView object to display an image. Before proceeding, this image should be added to the project ready for use later in the chapter. This file is named galaxys6.png and can be found in the project_icons folder of the sample code download available from the following URL:
https://www.ebookfrenzy.com/retailweb/androidstudio32/index.php
Locate this image in the file system navigator for your operating system and copy the image file. Right-click on the app -> res -> drawable entry in the Project tool window and select Paste from the menu to add the file to the folder. When the copy dialog appears, click on OK to accept the default settings.
[[Image:as3.0_layout_sample_image_added.png]]
<htmlet>androidstudio32</htmlet>
 
== Adding the Widgets to the User Interface ==