Learn how to build layouts.
Download as PPTX, PDF1 like300 views
The document discusses different types of view groups that can be used to arrange views in an Android layout. It describes linear layouts, which can arrange views vertically or horizontally, and relative layouts, which position each view relative to the parent or other views. Linear layouts use the orientation property to set the direction and layout weight to distribute space evenly. Relative layouts allow positioning views relative to the parent boundaries or other elements.
More Related Content
Viewers also liked (14)
More from Eng Chrispinus Onyancha (6)
Recently uploaded (20)
Learn how to build layouts.
- 2. VIEW GROUPS ? View Groups are a collection of views. (Container for views) ? There can only be one root view. So if we have more than one view, we need to put them in a view group
- 6. TYPES OF VIEW GROUPS ? Linear Layout ? Relative Layout
- 7. LINEAR LAYOUT ? It can arrange its children in a vertical column ? Notice that we are not limited to just one textview and one imageview. We can have as many as we want.
- 8. LINEAR LAYOUT ? It can also arrange its children in a horizontal row
- 9. RELATIVE LAYOUT ? Also has its own rules on how to position its children within it. ? For Example ? Relative to the parent ? Relative to t
- 10. RELATIVE LAYOUT ? Relative to parent ? A child imageview aligned to the top of the parent ? A child textview aligned to the bottom of the parent
- 11. RELATIVE LAYOUT ? Relative to other views
- 15. WIDTH AND HEIGHT ? Fixed width and height ? Wrap content ? Match parent
- 18. EVENLY SPACING OUT VIEWS
- 20. LAYOUT WEIGHT ? Can be used to evenly distribute views. ? The higher the weight, the more space the view takes
- 22. EXAMPLES
- 34. RELATIVE LAYOUT ? This will help you build even more flexible layouts
- 45. RELATIVE TO OTHER VIEWS ? When positioning views relative to other views, you can constraints eg; ? One view must be above the other ? Or one imageView must be to the left of another
- 55. QUIZ
Editor's Notes
- #3: +View Groups are a collection of views. +There can only be one root view. So if we have more than one view, we need to put them in a view group. +A view group is a container of views. +When a view group contains chi
- #5: +The red and orange rectangles are view groups +They can have a width, height, background color or other attributes +Background color can also be transparent so its not visible to the user +If a view contains other views, we call it the parent of the views +If a view is inside of a view group, we call it a child of that view group +If there are multiple children, then each of those children are siblings to each other
- #11: A child imageview aligned to the top of the parent A child textview aligned to the bottom of the parent This also works for aligning to parents left or right edge as well as the center
- #13: This is a little more code that we are used Make some ob servations about this code. The parent code is in red and the child code is blue
- #15: Go to the visualizer and examin the tags on the XML Open the android documentation for linear layout. Google ＾android orientation￣ s
- #18: Link to the XML visualizer HINT: Use the Layout cheat sheet to copy and paste the code +View group layout parameters/attributes are handled by the parent e.g layout_width Here are the words we introduced in this video: match_parent ViewGroup layout parameter
- #20: http://labs.udacity.com/android-visualizer/#/android/equal-space-children
- #21: Go to the visualiser and demonstrate how changing the layout weights can vary the size of the views
- #32: Go to the visiualiser : http://labs.udacity.com/android-visualizer/#/android/linear-layout-weight and create the above view
- #34: Summary For Linear layouts. +A Linear Layout can have a vertical orientation or a horizontal orientation +The individual views can have a weight values to fill up the extra space
- #37: This relative layout is set to have width of match_parent and height of mach_parent so its as big as the device
- #38: How children can be aligned
- #42: The other values are false by default so you don¨t need to include them in the element tag
- #44: There are even more attributes that you can set. Eg centerHorizontal
- #45: By default all views are aligned to the left of the parent as seen in this slide +http://labs.udacity.com/android-visualizer/#/android/relative-layout-align-to-parent
- #46: Go To code here: https://gist.github.com/anonymous/e7eb5ceff9dedfc376eb
- #48: We would start with these view. The will act as the anchor views The rest will be positioned relative to these
- #49: So wee need to specify view IDs for the reference while positioning views
- #50: This is how we assign view IDs We can assign view IDs to any view Go to the documentation website to read about more attributes
- #51: Go to link: http://labs.udacity.com/android-visualizer/#/android/relative-layout-list-item
- #55: Go to this link to demo: http://labs.udacity.com/android-visualizer/#/android/padding-and-margin