android - 将按钮放在两个不同的线性布局上
问题描述
所以,我想添加一个带有“已经注册?”文本的按钮。在中间底部屏幕上,但我的代码包含两个不同的线性布局,分别用于左半边和右半边。我希望按钮一半在左边 Linearlayout 和一半在右边。此外,就我而言,它们是可点击的,我必须将它们放在我当前的布局中而不包括它们。
我目前拥有的:
我想得到什么:
我的代码
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:baselineAligned="false"
tools:context=".MainActivity"
android:weightSum="2"
android:orientation="horizontal">
<LinearLayout
android:id="@+id/customerLinearLayout"
android:layout_width="0dp"
android:layout_height="match_parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:layout_weight="1"
android:background="@color/lightblueMainActivity"
android:onClick="customerSignUp">
<TextView
android:layout_gravity="center_vertical"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="24sp"
android:textColor="@color/orangeMainActivity"
android:text="@string/customerMainActivity"/>
</LinearLayout>
<LinearLayout
android:id="@+id/electricianLinearLayout"
android:layout_width="0dp"
android:layout_height="match_parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:layout_weight="1"
android:background="@color/orangeMainActivity"
android:onClick="electricianSignUp">
<TextView
android:layout_gravity="center_vertical"
android:gravity="center"
android:textSize="24sp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="@color/lightblueMainActivity"
android:text="@string/electricianMainActivity"/>
</LinearLayout>
</LinearLayout>
提前致谢!
解决方案
ViewGroup
除此之外,还有其他类型LinearLayout
可以让您实现“分屏”效果,但让我们保持简单并使用加权LinearLayout
来划分屏幕。
但是,孩子View
s 可以是TextView
s(不需要中间ViewGroup
),因为您可以让它们具有背景颜色并控制文本对齐方式。
既然你想让Button
屏幕的两个部分重叠,你可以把它和theLinearLayout
放到a中FrameLayout
(我用的是aTextView
但是属性基本一样):
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:weightSum="2">
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:text="Customer"
android:textColor="#aaaaaa"
android:textSize="20sp"
android:gravity="center"
android:background="#0000ff"/>
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:text="Electrician"
android:textColor="#666666"
android:textSize="20sp"
android:gravity="center"
android:background="#ffab00"/>
</LinearLayout>
<TextView android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal|bottom"
android:layout_marginBottom="24dp"
android:textColor="#ffffff"
android:textSize="20sp"
android:text="Already Registered?"/>
</FrameLayout>
推荐阅读
- github - Github 如何即时更新其网页界面?
- html - justify-content 不适用于整个 flex-container
- python - 列表字典 - 在字典中查找项目(列表)相同的键
- django - 使用 M2M 进行 Django 模型设计
- reactjs - React-big-calendar 时间显示不正确
- python - keras 不兼容的数据形状
- entity-framework - 从 EF 结果集中过滤现有条目
- c# - EF Core 子实体未与父实体一起加载
- angular - 如何动态重新加载自定义组件并为其传递新参数?
- python - 相关变量和 scipy curve_fit