ݺߣ

ݺߣShare a Scribd company logo

Android Erası 2 - UI və layoutlar

•Download as PPTX, PDF•
•
Orkhan Ahmadov
Orkhan Ahmadov

This document discusses different types of layouts in Android, including linear layout, relative layout, table layout, frame layout, and absolute layout. It provides examples of how to define each type of layout in XML and describes their basic functionality. The document emphasizes that layouts allow organizing controls on screens for the wide variety of Android devices, which have different screen sizes, densities, versions, and manufacturer skins.

1 of 15
Download to read offline
Rajab Davudov
What is a Layout ? • A type of resource that defines what is drawn on the screen. • A type of View class whose primary purpose is to organize other controls.
Why a Layout ? • More than 300 devices with different – Screen sizes and dimensions – Screen densities – Android versions – OEM skins – Control interfaces
Android Layouts • LinearLayout • RelativeLayout • TableLayout • FrameLayout • AbsoluteLayout • …
Linear Layout In a linear layout, like the name suggests, all the elements are displayed in a linear fashion(below is an example of the linear layouts), either Horizontally or Vertically and this behavior is set in android:orientation which is an attribute of the node LinearLayout. <LinearLayout android:orientation="vertical"> .... </LinearLayout> OR <LinearLayout android:orientation=“horizontal"> .... </LinearLayout>
Linear Layout
Relative Layout In a relative layout every element arranges itself relative to other elements or a parent element. As an example, lets consider the layout defined below. The “Cancel” button is placed relatively, to the right of the “Login” button parallel. Here is the code snippet that achieves the mentioned alignment (Right of Login button parallel)
Relative Layout
Table Layout Table layouts in Android works in the same way HTML table layouts work. You can divide your layouts into rows and columns. Its very easy to understand. The image below should give you an idea
Table Layout
Absolute Layout Non-professional and not recommended layout !!!
Custom Layout Resource • res/ – layout/ – layout-land/ – layout-xlarge-v11/ – layout-xlarge-land-v11/
Density Independent Pixels • dp or dip
Think, Design, Code !!!
Rajab Davudov Senior Developer at Azerfon radjab@gmail.com https://market.android.com/developer?pub=RADJAB http://gplus.to/radjab http://www.fb.me/rajab.davudov http://www.linkedin.com/in/radjab Market QR Code

More Related Content

Android Erası 2 - UI və layoutlar

  • 2. What is a Layout ? • A type of resource that defines what is drawn on the screen. • A type of View class whose primary purpose is to organize other controls.
  • 3. Why a Layout ? • More than 300 devices with different – Screen sizes and dimensions – Screen densities – Android versions – OEM skins – Control interfaces
  • 4. Android Layouts • LinearLayout • RelativeLayout • TableLayout • FrameLayout • AbsoluteLayout • …
  • 5. Linear Layout In a linear layout, like the name suggests, all the elements are displayed in a linear fashion(below is an example of the linear layouts), either Horizontally or Vertically and this behavior is set in android:orientation which is an attribute of the node LinearLayout. <LinearLayout android:orientation="vertical"> .... </LinearLayout> OR <LinearLayout android:orientation=“horizontal"> .... </LinearLayout>
  • 7. Relative Layout In a relative layout every element arranges itself relative to other elements or a parent element. As an example, lets consider the layout defined below. The “Cancel” button is placed relatively, to the right of the “Login” button parallel. Here is the code snippet that achieves the mentioned alignment (Right of Login button parallel)
  • 9. Table Layout Table layouts in Android works in the same way HTML table layouts work. You can divide your layouts into rows and columns. Its very easy to understand. The image below should give you an idea
  • 11. Absolute Layout Non-professional and not recommended layout !!!
  • 12. Custom Layout Resource • res/ – layout/ – layout-land/ – layout-xlarge-v11/ – layout-xlarge-land-v11/
  • 15. Rajab Davudov Senior Developer at Azerfon radjab@gmail.com https://market.android.com/developer?pub=RADJAB http://gplus.to/radjab http://www.fb.me/rajab.davudov http://www.linkedin.com/in/radjab Market QR Code