开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

将按钮与CardView底部对齐

的方法有多种。以下是几种常见的实现方式：

使用RelativeLayout布局：在RelativeLayout中，可以使用属性android:layout_alignParentBottom="true"将按钮与CardView底部对齐。同时，需要将CardView设置为相对于父布局的layout_above属性为按钮的ID，以保证CardView不会覆盖按钮。

示例代码：

<RelativeLayout>
    <androidx.cardview.widget.CardView
        android:id="@+id/cardView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <!-- CardView的内容 -->
    </androidx.cardview.widget.CardView>
    
    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:text="按钮" />
</RelativeLayout>

使用ConstraintLayout布局：在ConstraintLayout中，可以使用属性app:layout_constraintBottom_toBottomOf="parent"将按钮与CardView底部对齐。同时，需要将CardView设置为相对于按钮的app:layout_constraintTop_toTopOf="@id/button"属性，以保证CardView不会覆盖按钮。

示例代码：

<androidx.constraintlayout.widget.ConstraintLayout>
    <androidx.cardview.widget.CardView
        android:id="@+id/cardView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toTopOf="@id/button">
        <!-- CardView的内容 -->
    </androidx.cardview.widget.CardView>
    
    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        android:text="按钮" />
</androidx.constraintlayout.widget.ConstraintLayout>

使用LinearLayout布局：在LinearLayout中，可以使用权重（android:layout_weight）属性将CardView设置为高度为0，按钮设置为高度为wrap_content。这样，按钮就会紧贴底部，而CardView会自动填充剩余的空间。

示例代码：

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

    <androidx.cardview.widget.CardView
        android:id="@+id/cardView"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
        <!-- CardView的内容 -->
    </androidx.cardview.widget.CardView>

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="按钮" />
</LinearLayout>

以上是几种常见的将按钮与CardView底部对齐的实现方式。根据具体需求和布局结构的不同，可以选择适合的方法来实现。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

【CSS】图片底部空白缝隙处理 ( 使用居中对齐顶部对齐底部对齐 | 将行内元素行内块元素转为块级元素 )

一、图片底部空白缝隙问题在上一篇博客中 , 使用默认的基线对齐 , 会发现行内块级元素中的图片与文字默认的对齐方式下 , 图片下方有一条缝隙 ; 出现这条缝隙的原因就是图片的底部与...文字的基线对齐 , 上面图片与边框之间的风险 , 就是基线与底线之间的距离 ; 二、图片底部空白缝隙问题解决方案一 ( 使用居中对齐 / 顶部对齐 / 底部对齐 ) ---- 使用 vertical-align...; } .three { /* 顶线对齐 - 图片顶部与文字顶线对齐顶部对齐*/ vertical-align: top; } .four { /* 底线对齐 - 图片底部与文字底线对齐...="one"> 基线对齐 : 图片底部与文字基线对齐中线对齐 : 图片中心与文字中心对齐...图片底部有一块缝隙 , 其它三种对齐方式底部都没有缝隙 ; 三、图片底部空白缝隙问题解决方案二 ( 将行内元素 / 行内块元素转为块级元素 ) ---- 使用 vertical-align 垂直对齐

2.1K5 0

如何将操作按钮悬浮固定在微信小程序底部？

本章节主要介绍了如何将操作按钮悬浮固定在微信小程序底部?操作起来也比较简单，还不会的朋友一起跟着小编学习一下吧，希望对你们有所帮助。常见的有加入购物车按钮、结算按钮、收货列表添加地址按钮。...以收货地址为例，将添加地址按钮悬浮于最底部，这样再多的地址，也不会被遮挡而看不见。　...: fixed之后，其中width需要设置为100%，不然会是一个很窄的按钮。...，编辑，修改按钮可以完整显示出现了。...以上就是如何将操作按钮悬浮固定在微信小程序底部的全部内容了，大家都学会了吗? 文章转载于：林老师带你学编程

5.4K3 0

ConstraintLayout约束控件详解

简单来说，她是相对布局的升级版本，但是区别与相对布局更加强调约束。何为约束，即控件之间的关系。来看一张google给出的一张案例效果： ?...如上图：简单来说约束可以帮助你按照某种相互关系进行布局，可以让控件对齐等等操作，在这里我们操作后面的按钮并链接到前一个按钮的右端，并且间隔56dp。...哪么此时无论我移动按钮1到哪儿，按钮2都将在按钮1的右边并间距56dp。 ? 如上图:在这个图中我们看见有3种不同的手柄。调整手柄拖动该手柄能帮助你调整整个控件的大小。 ?...2.添加图片控件，链接TextView控件的顶部手柄到ImageView底部手柄，并拖动一定间距。可以看出约束添加时文本控件自动吸附到了图片的底部。 ? 3.拖动图片控件顶部手柄到根布局顶部。 ?...4.最后我们同时添加图片左边与右边的约束使其居中对齐。 ? 5.添加基线约束。 ? 属性面板首先我们在屏幕上添加一个图片控件，并添加四边约束到根布局，此时我们看见的界面是这样的： ?

1.2K5 0

鸿蒙应用开发-初见：ArkUI

想了解细节，可参考 SwiftUI 中布局的工作原理小结声明式布局想要布局子视图都会经历由上到下的一个过程，只有知道了子视图的大小之后才能根据对齐方式将子视图放置在准确的位置。...，第一个元素与行首对齐，同时后续的元素与前一个对齐justifyContent(FlexAlign.Center)：元素在主轴方向中心对齐，第一个元素与行首的距离与最后一个元素与行尾距离相同justifyContent...，第一个元素与行首对齐，同时后续的元素与前一个对齐justifyContent(FlexAlign.Center)：元素在主轴方向中心对齐，第一个元素与行首的距离与最后一个元素与行尾距离相同justifyContent...：子元素在垂直方向居中对齐VerticalAlign.Bottom：子元素在垂直方向底部对齐层叠布局（Stack）层叠布局主要用于实现基于Z轴的布局，容器中的子元素（子组件）依次入栈，后一个子元素覆盖前一个子元素...ItemAlign.Start：交叉轴方向首部对齐 ItemAlign.Center：交叉轴方向居中对齐 ItemAlign.End：交叉轴方向底部对齐子组件通过 alignSelf 设置在父容器交叉轴的对齐格式

2781 0

项目需求讨论 — 用Transition做一个漂亮的登录界面

overridePendingTransition() 和 FragmentTransaction的setCustomAnimation()来实现Activity或者Fragment的动画切换，但是他们仅仅局限与将整个视图一起动画变换...代码很简单，只要让第一个Activity的按钮的android:transitionName与第二个Activity的按钮的android:transitionName一样就可以。...如果点之间的水平距离小于垂直距离，则圆的中心点将与终点水平对齐。如果垂直距离小于水平距离，则圆的中心点将与终点垂直对齐。当两点接近水平或垂直时，运动的曲线将会变小，因为圆的中心距两点都很远。...这里我们可以直接在上面fab按钮动画结束的时候，直接让注册界面出现（因为这个注册界面是用CardView写的，所以这里直接用cardView来指这个实例），我们可以在上面的结束监听里面直接设置： @Override...所以我们在fab按钮过渡动画结束后，不是简单的对cardView设置View.VISIBLE就可以。

1.8K2 0

解决bootstrap-table-fixed-columns.js显示列与隐藏列按钮切换表格不对齐

data-fixed-columns="true" data-fixed-number="3"> 含有data-show-columns="true"属性时会在右边显示可以切换列的按钮...结合bootstrap-table-fixed-columns.js插件使用时会出现列不对齐的问题查看Dom结构发现点击一次具体列切换按钮时会增加一个class 为fixed-table-header-columns...的html片段，我们只需保留最后一个，解决方法 1、先删除多余的html 2、执行表格对齐函数为了使排序的图标正常显示，需要在onSort的事件中执行能使图标正常显示的代码（注意如果要使固定的列有排序的功能请看我另一篇博客

5.7K4 0

Android开发中常见的优惠券样式实现和需要注意的细节

android:dashGap="5dp" android:dashWidth="5dp"/> 其中需要注意的细节金额数值与...¥ 的显示对齐问题，这个地方涉及到基准线的知识点，在LinearLayout中，默认是底部对齐的，只需要设置LinearLayout的android:baselineAligned属性为false 就行了...，这样就是以顶部对齐。...最外层用的是CardView，效果图中看起来还是蛮不错的，但是在5.0以下，CardView显示内部会有留白，那两个半圆就会显示在白色的背景之内，极其影响美观，所以就可以根据5.0为分水岭做一个判断，具体可查看解决...CardView在5.0以下留白的问题。

6062 0

听说谷歌Baba更新了 Material UI ...

如果fabCradleVerticalOffset为0，则FAB的中心将与BottomAppBar的顶部对齐。...android:layout_height="match_parent" android:orientation="vertical"> cardview.widget.CardView...layout_height="300dp" app:cardBackgroundColor="@color/colorAccent" /> cardview.widget.CardView..."300dp" app:cardBackgroundColor="@color/colorPrimaryDark" /> cardview.widget.CardView...如果已经在Activity使用CoordinatorLayout，添加底部表单很简单：将任何视图添加为CoordinatorLayout的直接子视图。

3K2 0

探索 Android Design Support Library v28 新增内容

我们可以像这样将这个按钮添加进布局文件中: <android.support.design.button.MaterialButton android:layout_width="wrap_content...如果禁用, 则检查行为与 Button 相同 app:chipIcon: 用于在 Chip 中显示一个图标 ? app:closeIcon: 用于在 Chip 中显示一个关闭按钮 ?...setOnCheckedChangeListener 设置监听器: some_chip.setOnCheckedChangeListener { button, checked -> } 这同样适用于当我们想要在使用时关闭与关闭图标...Support Library 现在包含了一个名为 Material Card View 的组件, 它为我们提供了开箱即用的 Material 风格的 CardView 实现. ?...如果附加了 FAB, 它将插入底部应用栏, 否则 FAB 将保持在底部应用栏上方. ? app:fabAlignmentMode: 声明已附加到底部应用栏的FAB的位置.

1.9K2 0

一个卡片式的ViewPager，带你玩转ViewPager的PageTransformer属性！

属性表示是否限制子控件在该容器所在的范围内，clipChildren属性配合layout_gravity属性，可以用来设置多余部分的显示位置，我这里举一个简单的例子，比如喜马拉雅FM这个应用的首页：大家注意看这个应用底部导航栏中中间一个是要比另外四个高的...大家看只需要在根节点添加clipChildren属性，然后在第三个ImageView上添加layout_gravity属性即可，layout_gravity属性值为bottom表示控件大小超出后控件底部对齐...5.ViewPager结合CardView 如果你还不会使用CardView，可以参考我之前的文章Android5.0之CardView的使用，那今天我们来看看ViewPager结合CardView会产生怎样的效果呢...> CardView android:id="@+id/cardview"...layout_marginTop="12dp" android:background="@color/colorAccent" android:text="我是一个按钮

1.4K2 0

Android Material Design系列之RecyclerView和CardView

所以要使用RecyclerView，要好好考虑以下几点： RecyclerView.Adapter：RecyclerView.Adapter包含了一种新型适配器，其实与以前我们使用的适配器基本类似，只是稍微有所不同...static final int TYPE_NORMAL_ITEM = 0; //普通Item private static final int TYPE_FOOTER_ITEM = 1; //底部...第二步：重写getItemViewType判断不同布局 public int getItemViewType(int position) { // 如果position+1等于整个布局所有数总和就是底部布局...FooterViewHolder vh = new FooterViewHolder(view); return vh; } } 第四步：根据holder类型判断数据 //将数据与界面进行绑定的操作...CardView CardView介绍 CardView是Android5.0之后为新增的控件，CardView是一个卡片布局，布局可以包含圆角和阴影，本质上CardView是一个FrameLayout

2.1K8 0

2-VVI-材料设计之CardView

'com.android.support:cardview-v7:26.1.0' ?...cardElevation z轴阴影高度 app:cardMaxElevation z轴最大高度值 app:contentPadding 内容与边距的间隔...app:contentPaddingLeft 内容与左边的间隔 app:contentPaddingTop 内容与顶部的间隔 app:contentPaddingRight...内容与右边的间隔 app:contentPaddingBottom 内容与底部的间隔 app:paddingStart 内容与边距的间隔起始...--cardView常用配置--> CardView.Light"> <item name="cardPreventCornerOverlap

1.2K1 0

iOS 仿支付宝银行卡界面(支持Swift和OC)

在钱包视图中实现添加卡片方法在展示页面中我们可以看到，在页面的左上角有一个添加按钮，这个按钮的UI布局在头部视图中实现，具体的功能是，添加一个卡片，具体的实现方法如下： open func insert...在钱包视图中实现卡片展示和隐藏回调方法在钱包视图中实现卡片展示和隐藏回调方法，在展示状态下，需要隐藏掉添加卡片按钮，禁止继续添加卡片，并且显示卡片详细设置内容和删除按钮。...在隐藏状态下，需要恢复添加卡片按钮，并且隐藏卡片详细设置内容和删除按钮，核心源码如下： public var didPresentCardViewBlock: PresentedCardViewDidUpdateBlock...在CardView中实现点击手势展示隐藏卡片在Demo中实现在CardView中点击除了删除按钮外任何位置，都可以触发隐藏卡片的功能，这里是在CardView中添加了手势来实现该功能，代码如下： public...导入项目使用介绍最后介绍一下该如何在项目中导入该功能，下载Demo，将Demo中的FBYBankCard.framework文件和ColoredCardView.swift文件导入项目中，在需要加载的页面中直接引用即可

1.4K2 0

CardView 简介和使用

内部边距，子View与CardView的距离 CardView_contentPaddingLeft 内部左侧边距 CardView_contentPaddingTop... 内部顶部边距 CardView_contentPaddingRight 内部右侧边距 CardView_contentPaddingBottom 内部底部边距...首先是定义，这一系列方法定义与 CardView 提供的方法迷之相似。 /** * Interface provided by CardView to implementations....最后这一系列操作的示意图大致是这样的：这一系列的操作，将 CardView 的实现分成多个类，各个类只处理和自己相关的逻辑，简化了 CardView 自身逻辑。...，将CardView作为容器，放入其它控件即可。

1.3K1 0

Android组件背景设置

CardView 设置圆角 cardview.widget.CardView android:layout_width="330dp" android:layout_height...下面是如何设置 CardView 以取消阴影的示例： cardview.widget.CardView xmlns:android="http://schemas.android.com...:padding="16dp" /> cardview.widget.CardView> 在这个例子中，CardView 的 cardElevation 设置为 0dp，以确保没有阴影...此外，将 cardUseCompatPadding 设置为 false 可以消除由于阴影而产生的额外内边距，使 CardView 边缘更加紧凑。...-- 边框颜色 --> 按钮背景按钮可以使用selector设置点击和非点击使用不同的背景 <?xml version="1.0" encoding="utf-8"?

1181 0

计算机技术|卡片视图CardView

在本文中，我将介绍如何使用MUI现成样式做一个卡片视图。首先，大家是否明白卡片视图是什么？我们不妨看看下面这张图。...不难看出在这个页面中，有三张完整的卡片模块，其实，CardView就是若干个卡片模块的集合。在同一个CardView中的所有卡片大致主题样式应该相似，卡片内容上的布局也应该保持统一性。...--这里是卡片的底部说明--> ? Card框架为了更加清楚的表现出Card模块的各个部分的用途，咱们分别来向这个Crad框架里填充一些内容。...紧接着，我们将底部完善好，填充进去发表时间。这样一个卡片就做好了。底部说明-->2019年10月25日 17:20 ?

9592 0

Android5.0和6.0之后新增的控件说明

Android 5.0 网格布局管理器 GridLayoutManager Android 5.0 瀑布流网格布局管理器 StaggeredGridLayoutManager Android 5.0 cardview-v7...卡片视图 CardView Android 5.0 palette-v7 调色板 Palette Android 5.0 design 提示条 Snackbar Android 5.0 导航视图 NavigationView...Android 5.0 协调布局 CoordinatorLayout Android 5.0 悬浮按钮 FloatingActionButton Android 5.0 底部弹窗 BottomSheetBehavior...这个与系统版本有关，每个版本的android.jar是固定的，有在该内核中定义的控件才能正常调用，没在内核中定义的控件在运行时会扔出类找不到的异常。...v7与design库导入App工程后，编译出来的App即可兼容4.*的系统。

1.3K2 0

Floating Action Button-Android M新控件

CoordinatorLayout帮助我们协调它所包含的子view之间的交互，这一点在我们后面讲如何根据滚动的变化让按钮动画隐藏与显示的时候有用。...compile 'com.android.support:cardview-v7:23.1.1' 使用CoordinatorLayout 接下来，你需要现为浮动操作按钮实现CoordinatorLayout...Behavior与浮动操作按钮联系起来，通过xml的自定义属性pp:layout_behavior中定义它 activity_fab_animation.xml .support.design.widget.CoordinatorLayout...为了解决此问题，API21+ 的版本统一定义底部与右边缘空白为 16dp，Lollipop 以下版本统一设置为 0dp. values/dimens.xml <dimen name="fab_margin_right...primary_pressed" fab:fab_colorRipple="@color/ripple" /> 依附到list 接下来，我们可以选择将FAB

1.5K4 0

Material Design 实战之第四弹 —— 卡片布局

正文 ---- CardView 首先这里准备用CardView来填充主题内容， CardView是用于实现卡片式布局效果的重要控件，由appcompat-v7库提供。...toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); //滑动菜单 & 导航按钮...= null){ actionBar.setDisplayHomeAsUpEnabled(true);//让导航按钮显示出来 actionBar.setHomeAsUpIndicator...(R.drawable.ic_menu);//设置一个导航按钮图标 } //滑动菜单布局交互设置 navView.setCheckedItem(R.id.nav_call...mDrawerLayout.closeDrawers();//关闭滑动菜单 return true; } }); //悬浮按钮点击事件

2.1K1 0

界面无小事(一): RecyclerView+CardView了解一下

---- RecyclerView使用将RecyclerView添加到布局....提供这些内置布局管理器: LinearLayoutManager以垂直或水平滚动列表方式显示项目 GridLayoutManager在网格中显示项目 StaggeredGridLayoutManager在分散对齐网格中显示项目...---- CardView使用我们将每一个CardView视为RecyclerView的item, 所以就不加布局, 直接上CardView了....在给CardView添加点击特效部分结束之后会给出完整的效果图....建包 ---- 为CardView添加更多内容 CardView不可能说只能显示文字, 那如何添加图标或者图片呢?我只能说异常简单, 看代码: <?

1.5K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭