Android 如何使按钮与底部的CardView重叠
我正在创建一个显示公告的应用程序,我想添加一个登录名。我正在尝试做这个XML设计。 我希望按钮在底部和中心重叠卡片视图。 如果有必要,我将更改文件的根目录 以下是我的XML代码:Android 如何使按钮与底部的CardView重叠,android,android-layout,android-xml,android-cardview,Android,Android Layout,Android Xml,Android Cardview,我正在创建一个显示公告的应用程序,我想添加一个登录名。我正在尝试做这个XML设计。 我希望按钮在底部和中心重叠卡片视图。 如果有必要,我将更改文件的根目录 以下是我的XML代码: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout android:background="#fff" xmlns:android="http://schemas.android.com/apk/res/android"
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
android:background="#fff"
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"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.crescendo.lldm.crescendo.A_Login">
<RelativeLayout
android:id="@+id/rl_one_login"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<View
android:id="@+id/v_one_login"
android:background="@drawable/gradient_background_one"
android:layout_width="match_parent"
android:layout_height="300dp" />
<RelativeLayout
android:layout_marginTop="90dp"
android:id="@+id/rl_two_login"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:textStyle="bold"
android:id="@+id/tv_one_login"
android:textSize="32sp"
android:textAlignment="center"
android:textColor="@color/colorWhite"
android:text="C R E S C E N D O"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<TextView
android:layout_below="@+id/tv_one_login"
android:textSize="15sp"
android:textAlignment="center"
android:textColor="@color/colorWhite"
android:text="FOR THE USA MONUMENTAL CHOIR"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</RelativeLayout>
</RelativeLayout>
<android.support.v7.widget.CardView
app:cardUseCompatPadding="false"
app:cardPreventCornerOverlap="false"
android:id="@+id/cv_one_login"
app:cardBackgroundColor="#fcfcfc"
android:layout_marginTop="240dp"
card_view:cardElevation="10dp"
app:cardCornerRadius="10dp"
android:elevation="10dp"
android:layout_centerHorizontal="true"
android:layout_width="360dp"
android:layout_height="280dp">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
</RelativeLayout>
</android.support.v7.widget.CardView>
<Button
android:layout_marginTop="197dp"
android:layout_below="@+id/rl_one_login"
android:layout_centerHorizontal="true"
android:elevation="15dp"
app:backgroundTint="@color/colorPrimary"
android:layout_width="250dp"
android:layout_height="50dp" />
</RelativeLayout>
希望有解决办法。谢谢大家! 使用下面的代码根据按钮高度调整边距。我已将其设置为-25dp,因为它的高度为50dp
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
android:background="#fff"
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"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.crescendo.lldm.crescendo.A_Login">
<RelativeLayout
android:id="@+id/rl_one_login"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<View
android:id="@+id/v_one_login"
android:background="@drawable/gradient_background_one"
android:layout_width="match_parent"
android:layout_height="300dp" />
<RelativeLayout
android:layout_marginTop="90dp"
android:id="@+id/rl_two_login"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:textStyle="bold"
android:id="@+id/tv_one_login"
android:textSize="32sp"
android:textAlignment="center"
android:textColor="@color/colorWhite"
android:text="C R E S C E N D O"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<TextView
android:layout_below="@+id/tv_one_login"
android:textSize="15sp"
android:textAlignment="center"
android:textColor="@color/colorWhite"
android:text="FOR THE USA MONUMENTAL CHOIR"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</RelativeLayout>
</RelativeLayout>
<android.support.v7.widget.CardView
app:cardUseCompatPadding="false"
app:cardPreventCornerOverlap="false"
android:id="@+id/cv_one_login"
app:cardBackgroundColor="#fcfcfc"
android:layout_marginTop="240dp"
card_view:cardElevation="10dp"
app:cardCornerRadius="10dp"
android:elevation="10dp"
android:layout_centerHorizontal="true"
android:layout_width="360dp"
android:layout_height="280dp">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
</RelativeLayout>
</android.support.v7.widget.CardView>
<Button
android:layout_below="@id/cv_one_login"
android:layout_centerHorizontal="true"
android:elevation="15dp"
android:layout_marginTop="-25dp"
app:backgroundTint="@color/colorPrimary"
android:layout_width="250dp"
android:layout_height="50dp" />
</RelativeLayout>
试试下面的布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:card_view="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<View
android:layout_width="match_parent"
android:layout_height="250dp"
android:background="@color/colorAccent" />
<RelativeLayout
android:id="@+id/rl_two_login"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="90dp">
<TextView
android:id="@+id/tv_one_login"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="C R E S C E N D O"
android:textAlignment="center"
android:textColor="#ffffff"
android:textSize="32sp"
android:textStyle="bold" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/tv_one_login"
android:text="FOR THE USA MONUMENTAL CHOIR"
android:textAlignment="center"
android:textColor="#ffffff"
android:textSize="15sp" />
</RelativeLayout>
<LinearLayout
android:layout_marginTop="-50dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.CardView
android:id="@+id/cv_one_login"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="240dp"
android:elevation="10dp"
app:cardBackgroundColor="#fcfcfc"
app:cardCornerRadius="10dp"
app:cardElevation="10dp"
app:cardPreventCornerOverlap="false"
app:cardUseCompatPadding="true">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="Nilu" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="Nilu" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="Nilu" />
</LinearLayout>
</android.support.v7.widget.CardView>
</RelativeLayout>
<Button
android:layout_width="250dp"
android:layout_height="50dp"
android:layout_below="@id/cv_one_login"
android:layout_centerHorizontal="true"
android:layout_gravity="center"
android:layout_marginTop="-35dp"
android:elevation="15dp" />
</LinearLayout>
</RelativeLayout>
试试这个
输出
custom_circle.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
<corners android:radius="50dp" />
<solid android:color="@color/colorPrimary" />
</shape>
使用和“设计”选项卡可以非常轻松地完成此操作
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.CardView
android:id="@+id/credentials_card"
android:layout_width="150dp"
android:layout_height="250dp"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.281">
<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<EditText
android:id="@+id/username_field"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="48dp"
android:hint="Username"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.511"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<EditText
android:id="@+id/passworld_field"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:hint="Password"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/username_field" />
</android.support.constraint.ConstraintLayout>
</android.support.v7.widget.CardView>
<Button
android:id="@+id/login_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:text="Login!"
app:layout_constraintBottom_toBottomOf="@+id/credentials_card"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/credentials_card" />
</android.support.constraint.ConstraintLayout>
下面是代码,但我在“设计”选项卡中完成了大部分操作
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.CardView
android:id="@+id/credentials_card"
android:layout_width="150dp"
android:layout_height="250dp"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.281">
<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<EditText
android:id="@+id/username_field"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="48dp"
android:hint="Username"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.511"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<EditText
android:id="@+id/passworld_field"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:hint="Password"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/username_field" />
</android.support.constraint.ConstraintLayout>
</android.support.v7.widget.CardView>
<Button
android:id="@+id/login_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:text="Login!"
app:layout_constraintBottom_toBottomOf="@+id/credentials_card"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/credentials_card" />
</android.support.constraint.ConstraintLayout>
这里是后台登录
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:angle="225"
android:startColor="@color/colorBlue"
android:endColor="#21d6d3" />
</shape>
使用ConstraintLayout此问题可以解决:
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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:background="@android:color/white">
<View
android:id="@+id/view_blank"
android:layout_width="match_parent"
android:layout_height="260dp"
android:background="@color/colorPrimary"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"/>
<ImageView
android:id="@+id/image_logo"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginTop="80dp"
android:src="@drawable/ic_action_facebook"
android:tint="@android:color/white"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"/>
<android.support.constraint.ConstraintLayout
android:id="@+id/credentials_card"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginTop="20dp"
android:padding="@dimen/spacing_mlarge"
app:layout_constraintTop_toBottomOf="@+id/image_logo"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent">
<android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="@dimen/spacing_medium"
android:visibility="visible"
app:cardUseCompatPadding="true"
app:cardCornerRadius="6dp"
app:cardElevation="5dp"
tools:ignore="MissingConstraints">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="@dimen/spacing_xmlarge">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginBottom="25dp"
android:text="SIGN IN"
android:textAppearance="@style/Base.TextAppearance.AppCompat.Large"
android:textColor="@color/colorAccent"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="USERNAME"
android:textAlignment="center"
android:textAppearance="@style/Base.TextAppearance.AppCompat.Caption"
android:textColor="@color/colorPrimary" />
<android.support.design.widget.TextInputEditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="text"
android:maxLength="50"
android:maxLines="1"
android:singleLine="true"
android:textAppearance="@style/Base.TextAppearance.AppCompat.Large"
android:textColor="@color/colorPrimary"
android:textStyle="bold"
android:theme="@style/EditText.Grey" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:text="PASSWORD"
android:textAlignment="center"
android:textAppearance="@style/Base.TextAppearance.AppCompat.Caption"
android:textColor="@color/colorPrimary" />
<android.support.design.widget.TextInputEditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textPassword"
android:maxLength="50"
android:maxLines="1"
android:singleLine="true"
android:textAppearance="@style/Base.TextAppearance.AppCompat.Large"
android:textColor="@color/colorPrimary"
android:textStyle="bold"
android:theme="@style/EditText.Grey" />
</LinearLayout>
</android.support.v7.widget.CardView>
</android.support.constraint.ConstraintLayout>
<Button
android:id="@+id/sign_up"
android:layout_width="match_parent"
android:layout_height="57dp"
android:layout_marginLeft="50dp"
android:layout_marginRight="50dp"
android:background="@drawable/btn_rounded_primary"
android:text="S I G N I N"
android:textAllCaps="false"
android:textColor="@android:color/white"
android:textStyle="bold"
app:layout_constraintBottom_toBottomOf="@+id/credentials_card"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
android:layout_marginTop="20dp"
android:text="FORGET PASSWORD"
android:textAppearance="@style/Base.TextAppearance.AppCompat.Subhead"
android:textColor="@color/grey_40"
android:textStyle="bold"
app:layout_constraintTop_toBottomOf="@+id/sign_up"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"/>
</android.support.constraint.ConstraintLayout>
以下是dimens.xml文件:
<!--genaral spacing-->
<dimen name="spacing_xsmall">2dp</dimen>
<dimen name="spacing_small">3dp</dimen>
<dimen name="spacing_medium">5dp</dimen>
<dimen name="spacing_xmedium">7dp</dimen>
<dimen name="spacing_middle">10dp</dimen>
<dimen name="spacing_large">15dp</dimen>
<dimen name="spacing_smlarge">18dp</dimen>
<dimen name="spacing_mlarge">20dp</dimen>
<dimen name="spacing_mxlarge">25dp</dimen>
<dimen name="spacing_xlarge">35dp</dimen>
<dimen name="spacing_xmlarge">40dp</dimen>
<dimen name="spacing_xxlarge">50dp</dimen>
<dimen name="spacing_xxxlarge">55dp</dimen>
<dimen name="appbar_padding_top">8dp</dimen>
2dp
3dp
5dp
7dp
10dp
15dp
18dp
20dp
25dp
35dp
40dp
50dp
55dp
8dp
colors.xml
<color name="grey_3">#f7f7f7</color>
<color name="grey_5">#f2f2f2</color>
<color name="grey_10">#e6e6e6</color>
<color name="grey_20">#cccccc</color>
<color name="grey_40">#999999</color>
<color name="grey_60">#666666</color>
<color name="grey_80">#37474F</color>
<color name="grey_90">#263238</color>
#f7f7f7
#f2f2f2
#E6E6
#中交
#999999
#666666
#37474F
#263238
使用ConstraintLayout:
我已经阅读了这里的每一个答案,出于以下动机,我放弃了每一个答案
我不想使用负边距,这是不推荐的
我不想使用用户LinearLayout
其他答案对我不起作用
因此,最后我解决了我的问题,只需将按钮
包装到另一个ConstraintLayout
中,并向该ConstraintLayout
添加一些elevation
这是我的结果
这是一个工作样本
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<com.google.android.material.card.MaterialCardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="16dp"
android:layout_marginEnd="16dp"
android:layout_marginBottom="28dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingBottom="28dp">
<ImageView
android:id="@+id/user_avatar"
android:layout_width="0dp"
android:layout_height="92dp"
android:layout_marginTop="16dp"
android:layout_marginBottom="16dp"
android:src="@drawable/sample_food_1"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintWidth_percent="0.4" />
<TextView
android:id="@+id/user_name"
style="?attr/textAppearanceHeadline4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:gravity="center"
android:maxLines="2"
android:text="Lorem ipsum lorem ipsum"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/user_avatar" />
<TextView
android:id="@+id/user_description"
style="?attr/textAppearanceSubtitle1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="2"
android:text="Lorem ipsum lorem ipsum"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/user_name" />
</androidx.constraintlayout.widget.ConstraintLayout>
</com.google.android.material.card.MaterialCardView>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:elevation="10dp"
android:paddingStart="16dp"
android:paddingEnd="16dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent">
<Button
android:id="@+id/button_edit_profile"
android:layout_width="0dp"
android:layout_height="56dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="8dp"
android:text="Some Button!!"
app:layout_constraintEnd_toStartOf="@id/button_saved_videos"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/button_saved_videos"
android:layout_width="0dp"
android:layout_height="56dp"
android:layout_marginStart="8dp"
android:layout_marginEnd="16dp"
android:text="Some Button!!"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@id/button_edit_profile"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
您可以使用框架布局或带有负上边距按钮底视图的相对布局。但请记住,在棒棒糖下面,您必须提供底部按钮视图高程,而不是卡片视图,这在使用约束布局时最有效。这正是我要找的。但我无法添加此按钮的高程。
<color name="grey_3">#f7f7f7</color>
<color name="grey_5">#f2f2f2</color>
<color name="grey_10">#e6e6e6</color>
<color name="grey_20">#cccccc</color>
<color name="grey_40">#999999</color>
<color name="grey_60">#666666</color>
<color name="grey_80">#37474F</color>
<color name="grey_90">#263238</color>
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<com.google.android.material.card.MaterialCardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="16dp"
android:layout_marginEnd="16dp"
android:layout_marginBottom="28dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingBottom="28dp">
<ImageView
android:id="@+id/user_avatar"
android:layout_width="0dp"
android:layout_height="92dp"
android:layout_marginTop="16dp"
android:layout_marginBottom="16dp"
android:src="@drawable/sample_food_1"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintWidth_percent="0.4" />
<TextView
android:id="@+id/user_name"
style="?attr/textAppearanceHeadline4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:gravity="center"
android:maxLines="2"
android:text="Lorem ipsum lorem ipsum"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/user_avatar" />
<TextView
android:id="@+id/user_description"
style="?attr/textAppearanceSubtitle1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="2"
android:text="Lorem ipsum lorem ipsum"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/user_name" />
</androidx.constraintlayout.widget.ConstraintLayout>
</com.google.android.material.card.MaterialCardView>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:elevation="10dp"
android:paddingStart="16dp"
android:paddingEnd="16dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent">
<Button
android:id="@+id/button_edit_profile"
android:layout_width="0dp"
android:layout_height="56dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="8dp"
android:text="Some Button!!"
app:layout_constraintEnd_toStartOf="@id/button_saved_videos"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/button_saved_videos"
android:layout_width="0dp"
android:layout_height="56dp"
android:layout_marginStart="8dp"
android:layout_marginEnd="16dp"
android:text="Some Button!!"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@id/button_edit_profile"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>