Android include layout below element

Alberto Deidda Published at Dev

Alberto Deidda

I would like to create a layout as in the image. It did not include him, so the code is very long. I want to create a layout for each BOX and include it in the main layout, one below the other.

The problem is that the XML file a layout of this type is very long. So I would use includes layout and create a new layout which then repeatedly will include, for example:

I have a RelativeLayout, and I have an ImageView for the line1, below I want to design the box in this method to reduce the code:

<include layout = "box1"
layoutBelow = "linea1"
/>

And the same for the box 2:

<include layout = "box2"
layoutBelow = "linea2"
/>

But the layout I include not aligned as I would like. The layout is superimposed on the existing one.

Alberto Deidda

I have solved in this way:

<!-- LINE SEPARATOR 1-->
<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/logo"
    android:id="@+id/linea1"
    android:background="@drawable/linea"
    />

<!-- BOX1 -->
<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/linea1"
    >

    <include
        layout="@layout/box1"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"

        />
</RelativeLayout>

<!-- LINE SEPARATOR 2-->
<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/logo"
    android:id="@+id/linea2"
    android:background="@drawable/linea"
    />

<!-- BOX2 -->
<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/linea2"
    >

    <include
        layout="@layout/box2"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"

        />
</RelativeLayout>

And the result is this image:

Thanks you all :)

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2021-02-28

Comments

0 comments

From Dev

Related Related

Article

Android include layout below element

Android include layout below element

Android layout: first element at the bottom, rest available below after scrolling

Android Layout Below and Above

Relative layout: layout_below a CenterVertical element

Android Include at the bottom of layout

layout below is getting focused in android

How to include subfolder layout with <include/> tag android

MvvMCross bind to <include> in android layout

How to dynamically include a layout in Android?

How to include a Layout Fragment in Android

android:layout_below= Does Not Set TextViews Below ImageButtons

android:layout_below not properly working

Android: how to layout a fullscreen EditText, with a button below?

How to break text below to another layout in Android

Android: Relative layout content goes below screen

How to start Drawer Layout below the toolbar in Android?

how to set one linear layout below another linear layout in android

Android place Relative Layout below Relative Layout programmatically

Android place Relative Layout below Relative Layout programmatically

how to set one linear layout below another linear layout in android

How to add relative Layout below some element dynamically

Select an Android xml layout element

Android: How to use tools with include layout

How can I programmatically include layout in Android?

Referring include layout in activity code android

Replace `layout` of an <include/> tag programmatically for Android

Second layout is not showing with include tag in android studio

How can I programmatically include layout in Android?

TableLayout, android:layout_weight, and include

Android - how to access buttons inside include layout