Скачать или смотреть How to Use Multiple Layouts in a Single Activity with Android

Learn how to effectively manage multiple layouts within a single Android activity, ensuring each layout takes up an equal portion of your screen.
---
This video is based on the question https://stackoverflow.com/q/69419046/ asked by the user 'yoan_gauthier' ( https://stackoverflow.com/u/16117463/ ) and on the answer https://stackoverflow.com/a/69419078/ provided by the user 'Omar Shawky' ( https://stackoverflow.com/u/10485156/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: 3 layout in one activity

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Managing Multiple Layouts in an Android Activity

Android development often requires creating visually appealing user interfaces that can contain various elements. A common design challenge is efficiently managing multiple layouts within a single activity. In this guide, we’ll explore how to achieve this in a Linear layout, dividing the screen space equally among different layouts: Constraint Layout, Relative Layout, and another Constraint Layout.

The Problem: Mixing Layouts in One Activity

You may find yourself in a situation where you want to incorporate multiple layouts into one activity. Specifically, you might want to arrange them in the following order:

A Constraint Layout

A Relative Layout

Another Constraint Layout

The challenge here is to ensure that each of these layouts takes up an equal third of the screen height, making for a balanced and organized user interface.

Proposed Solution: Setting Up Your Layout

To set up your layouts correctly, you will use a LinearLayout with a vertical orientation. Let’s break this down step-by-step:

Define the Parent Layout: Start with a LinearLayout as the parent, setting its orientation to vertical. This will lay your child views (the other layouts) on top of each other.

Add Child Layouts: Inside this LinearLayout, add your desired layouts — the first Constraint Layout, followed by a Relative Layout, and lastly another Constraint Layout.

Set Layout Properties: To achieve the desired height proportions, we’ll use the layout_weight attribute. This attribute controls how extra space is distributed among views within the same parent layout.

Implementation Steps

Here’s how you can implement the solution in XML format:

[[See Video to Reveal this Text or Code Snippet]]

Breaking Down the Layout Attributes

android:layout_height="0dp": This setting is crucial because it tells the layout that it should allocate space based on the weight rather than a fixed height.

android:layout_weight: Assign weights to each child layout. In this example:

The first two layouts (Constraint and Relative) have a weight of 0.34.

The last layout (Constraint) has a weight of 0.32. If you would like, you could adjust the weights to reflect 0.34 for one and 0.33 for the other two as well; it’s up to your preference.

Conclusion

Managing multiple layouts within a single Android activity can enhance user experience by creating a structured UI. By following the outlined steps and understanding the use of layout_weight, you can successfully allocate equal height to various layouts. Don’t hesitate to experiment with weights to see what design fits your application best!