在两个彩色布局上设计一个圆形按钮

Question

我正在尝试设计类似的东西：

目前我有问题将按钮放在两个布局重聚点的“中间”。我有这样做的方法吗？

感谢。

Answer 1

这是一种方法

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1">


<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:weightSum="1">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:background="#FF0000">

        <!-- TO ADD CONTENT HERE -->

    </LinearLayout>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:background="#FFFF00"
        android:weightSum="0.5">

        <!-- TO ADD CONTENT HERE -->

    </LinearLayout>

</LinearLayout>

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:background="#000000"
    android:text="TEST"
    android:textColor="#FFFFFF"/>

</RelativeLayout>

输出：

您可以从 android：layout_weight =“0.5”

更改布局高度

Answer 2

您可以将RelativeLayout用于您的父级，然后尝试添加两个LinearLayout，一个在另一个之下并设置height，现在Button放入RelativeLayout 1}}并为android:layout_centerInParent="true"设置Button。 如果您想使用weight进行布局，而不是向LinearLayout添加两个RelativeLayout，请使用LinearLayout添加一个weightSum=100，然后添加两个LinearLayout 1}}使用自定义weight s。

对于你的情况，你必须这样做：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:weightSum="100" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="20"
            android:background="#f00" >
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="80"
            android:background="#0f0" >
        </LinearLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:weightSum="100" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="20" >
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center" >

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_horizontal"
                android:text="test" />
        </LinearLayout>

    </LinearLayout>

</RelativeLayout>