使用AutoLayout布局2个button居中

最新推荐文章于 2026-03-27 03:04:45 发布
原创 最新推荐文章于 2026-03-27 03:04:45 发布 · 3k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#autoLayout
本文将指导您如何使用特定操作步骤在横竖屏设备上实现两个按钮的居中布局，通过调整按钮的位置距离并应用容器约束，轻松完成布局设置。

竖屏居中

横屏居中



操作步骤：

（1）设置2个button的上，左，右的距离。
（2）并将第一个button的左边距离设置为优先级为250， 第二个button的右边距离设置为优先级250.
（3）选中2个button，设置horizontal center in container。
（4）设置完成后，点击系统的红色箭头，点击任意一个黄色提示。
（5）在弹出框中，选择update constraints 并选择下面的Apply  to all views in container

这样就设置好了2个button在屏幕居中。 

Demo地址   https://code.csdn.net/newadice/autolayout_twobuttons.git
CSS 将两个button按钮垂直+水平居中
01-20
CSS 将button按钮垂直+水平居中 参考文章：CSS实现垂直居中的5种方法 具体效果如图： 这个方法使用了一个 position:absolute，有固定宽度和高度的 div。这个 div 被设置为 top:0; bottom:0; 。但是因为它有固定高度，其实并不能和上下都间距为 0，因此 margin:auto; 会使它居中。使用 **margin:auto;**使块级元素垂直居中是很简单的。 .vert-center{ position:absolute; top:0; bottom:0; left: 0; margin: auto; right: 0;
安卓借助相对布局实现button控件实现按钮分布
weixin_46112004的博客
09-29 1280
安卓借助相对布局实现button控件实现按钮分布。
android 在相对布局水平居中显示,Android手机开发 使用线性布局和相对布局实现Button垂直水平居中...
weixin_29268267的博客
05-26 3510
居中呢，这里分两种不同布局方式的居中！分别是 linearlayout 和relativelayout。一、首先说的是linearlayout布局下的居中：注意：android:layout_width="fill_parent" android:layout_height="fill_parent" 属性中，若水平居中，至少在宽度上占全屏；若垂直居中，则在高度上占全屏android:layout...
别再为PPT图片模糊发愁！一招修改ExportBitmapResolution搞定高清导出
最新发布
weixin_30374009的博客
03-27 461
本文详细解析了如何通过修改PowerPoint注册表中的ExportBitmapResolution参数，解决PPT图片导出模糊的问题。从DPI原理到注册表修改步骤，再到PPT内部设置优化，提供了一套完整的高清输出解决方案，适用于学术海报、产品演示等高画质需求场景。
相对布局里两个按钮居最中间
ithouse的专栏
08-13 4104
原理：定义一个透明的控件，让该控件居中，然后两个按钮分别在该透明控件的上方和下方即可。<TextView android:id="@+id/tv_center" android:layout_width="match_parent" android:layout_height="30dp" android:layout_centerI
安卓笔记-视频版（还没学完）
denggun12345的博客
09-02 2860
/Users/yangyangzi/Desktop/YangZi2/android/Android12/2019/视频学习.rtfd （公司电脑） 视频 一、控件：TextView：标签，用于显示内容，内容不可编辑；Plain Text：内容可编辑；Button; imageView;imageButton：带有点击功能的图片;checkBox复选框；RadioButton单选按钮；radio...
Autolayout - 1
单线程男孩儿
01-24 399
引言: Auto Layout是iOS6发布后引入的一个全新的布局特性,其目的是弥补以往autoresizing在布局方面的不足之处,以及未来面对更多尺寸适配时界面布局可以更好的适应. 要完全掌握Auto Layout是一件非常消耗精力的事情,需要大量的实践,并且在根本上面,理解其如何使用,如果要全面的介绍Auto Layout和使用场景估计几篇博文都介绍不完, 本文希望能将使用Auto
swift:autoLayout 中的默认规定
u012563404的博客
12-12 326
在swift的代码autoLayout中，对button进行约束，如果button没有设置title和设置titleLabel.font，则button是以 title 只有一个字符串来计算宽度的，以.font=17来计算高度的。 结果：
iOS开发之autoLayout constraint
weixin_30734435的博客
06-26 74
前言 ios设备的尺寸越来越多，针对一款app可能要适配到多种设备。多种尺寸。所以。我们期望我们的app可以autoLayout。本文主要介绍在Xcode中使用constraint。未来会不定期对此文进行更新。 约定 本文中view指代从Objuect Library中拖拽出来的各种view 基础 一个view在界面显示，至少有三种决定条件 ...
ios 中autolayout multipli属性的设置
wangqiuwei07的专栏
05-06 465
方法一：用三方的框架masonry            [self.loginBtn mas_makeConstraints:^(MASConstraintMaker *make) {                 make.width.equalTo(self.view.mas_width).multipliedBy(0.3);         make.height.equa
两个按钮间设置空格（间距）
热门推荐
l_degege的专栏
10-24 3万+
<button id="search">查询</button><button id="add" style="margin-left:10px;">新增</button> 注：https://ask.csdn.net/questions/199624
使用bootstrap按钮组并设置其按钮组中按钮的尺寸和距离
乔治大哥的博客
03-05 3301
先说要求的样式： 像悬浮窗一样固定在网页上： 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="../static/css/bootst...
antd Button间距
weixin_45725653的博客
03-10 2208
控制Button间距
css如何让两个并列的按钮 水平居中显示
xiaosongwahaha的博客
12-21 2万+
1、原有button样式为水平向左对齐 .button { float: left; min-width: 54px; max-width: 250px; display: block; margin: 0.3em; padding: 0.4em 1em; border: none; background: none; color: inherit; vertical-a
Android开发-去除两个相邻button按钮之间的默认间隔
leechoy
06-30 7071
两个相邻的button按钮之间默认间距是8dp，实际开发之中有时候8dp的距离会影响整个界面美感，可以在控件中设置如下： 第一种方法（推荐） android:layout_marginLeft="-8dp" android:layout_marginStart="-8dp" 或者（不加marginStart不推荐，但可行）： android:layout_marginLeft="-8dp" 修...
5分钟 搞定UIButton的文本与图片的布局
weixin_34128839的博客
09-07 322
UIButton内部文本和图片的布局是我们日常代码中，不可缺少的部分，按钮默认左边图片右边文本，那要实现左边文本，右边图片，我们该怎么解决呢，上面图片，下面文本又该怎么办呢 其实很简单，今天总结下，目前主要用两种方式，一种就是重写按钮，另一种就是通过setTitleEdgeInsets和setImageEdgeInsets方法解决 下图是按钮默认情况下的图文布局 左边文本，右边图...
学习笔记——android layout view 属性
benben8901的专栏
11-13 744
Layout属性 第一类:属性值为true或false  android:layout_centerHrizontal  水平居中  android:layout_centerVertical   垂直居中  android:layout_centerInparent    相对于父元素完全居中  android:layout_alignParentBottom 贴紧父元素的下边缘
QT的水平布局详解
qq_52137592的博客
05-09 2170
水平布局（QHBoxLayout）有许多属性，这篇文章我们详细了解下这些属性都是怎么使用的。
约束布局 ConstraintLayout 的使用
I_can_move_you的专栏
05-03 2462
优点：是可以减少布局嵌套，弥补四大布局比较不好实现的地方，良好支持拖拽，良好支持UI可视化编辑。 缺点：ConstraintLayout作为ListView的Item根布局时设置Item元素可见性，不会触发onLayout，位置不更新。与传统列表结合使用，要慎重考虑。 本文以代码结合可视化UI编辑方式说明
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值