【发布时间】：2019-12-08 14:39:09
【问题描述】：
我有一个垂直方向的 LinearLayout。 它有两个子元素 - 一个 TextView 和一个 Button。 该按钮将与父级的右/端对齐。 并且 textView 必须对齐，以便两个兄弟姐妹的中心匹配。
约束： 由于某些原因，不允许使用 RelativeLayout。 允许使用 ConstraintLayout。我认为这可能会有所帮助。 （虽然我想尽可能避免增加复杂性。）
这可以实现吗？ 如果是，如何实现？
这是我的 activity_main.xml 布局文件：
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/frame_layout_container"
android:layout_width="match_parent"
android:layout_height="wrap_content"
tools:context=".MainActivity"
tools:layout_height="400dp">
<View android:layout_width="match_parent"
android:layout_height="400dp"
android:background="@color/green">
</View>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="start|bottom"
android:baselineAligned="false"
android:orientation="horizontal">
<LinearLayout
android:id="@+id/left_overlay"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="start|bottom"
android:layout_weight="0.65"
android:gravity="start"
android:orientation="vertical">
<TextView
android:id="@+id/textViewTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginEnd="8dp"
android:paddingBottom="8dp"
android:textAlignment="viewStart"
android:textColor="@color/white"
android:text="John Mayer Doe"
android:textSize="20sp"
tools:text="Title"/>
<TextView
android:id="@+id/textViewSubTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginEnd="8dp"
android:autoSizeTextType="uniform"
android:ellipsize="end"
android:maxLines="2"
android:minLines="1"
android:paddingBottom="8dp"
android:textAlignment="viewStart"
android:textColor="@color/white"
android:textSize="15sp"
android:text="Alice Bob Charlie Dave Eve Frank"
tools:text="Subtitle"/>
</LinearLayout>
<LinearLayout
android:id="@+id/right_overlay"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="end|bottom"
android:layout_weight="0.35"
android:gravity="center_horizontal|end"
android:orientation="vertical">
<TextView
android:id="@+id/textontopofbutton"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="center_horizontal"
android:layout_marginStart="4dp"
android:layout_marginEnd="4dp"
android:gravity="center_horizontal"
android:textAlignment="center"
android:textColor="@color/black"
android:text="text on top"
tools:text="on top of button"/>
<Button
android:id="@+id/bottomrightbutton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end"
android:layout_margin="4dp"
android:textAlignment="center"
android:textColor="@color/white"
android:background="@color/colorAccent"
android:text="Click me now"
tools:text="Tap here now"/>
</LinearLayout>
</LinearLayout>
用于参考的colors.xml：
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="colorPrimary">#008577</color>
<color name="colorPrimaryDark">#00574B</color>
<color name="colorAccent">#D81B60</color>
<color name="colorAccentBright">#D81B60</color>
<color name="white">#FFFFFF</color>
<color name="black">#000000</color>
<color name="green">#3D9D2A</color>
<color name="red">#D80D15</color>
<color name="yellow">#B7AB4C</color>
<color name="maroon">#BB4767</color>
</resources>
MainActivity.kt
package com.example.flames
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
}
}
目标： 我希望“顶部的文本”与按钮居中对齐。
感谢您的帮助。谢谢。
【问题讨论】：
-
你完全可以用约束布局来做到这一点。您是否尝试自己将其更改为
ConstraintLayout？ -
尝试将
bottomrightbutton宽度更改为match_parent -
@BachVu 我不希望按钮占据右侧边栏的整个宽度，所以这是不可接受的。按钮必须使用 wrap_content，问题是关于 textview 相对于 buttonview 中心的对齐方式，与 buttonview 的大小无关。
标签： android android-layout alignment android-linearlayout android-framelayout