美文网首页
使用自动布局使按钮居中

使用自动布局使按钮居中

作者: lmwxhyy | 来源:发表于2016-04-07 11:01 被阅读0次

Xcode提供两种方式定义自动布局约束:

1,自动布局条

2,拖拽

每个按钮都有自己的功能:

Align:创建一致性约束,如两个视图的左边缘对齐

Pin:创建间距约束,如定义UI空间的宽度

Issues:解决布局问题

Stack:嵌入视图到堆栈视图,这个是xcode7的新特性

现在给"Hello World"按钮创建约束,使按钮居中显示,需要创建两个约束:水平居中和垂直居中

如上图所示,选择“Hello World”按钮,点击Align,选中“Horizontal center in container”和“Vertical centerincontainer”,点击Add 2 Constraints。

看以看到约束已经添加好了,现在来测试一下,分别在不同设备中的显示

相关文章

  • 使用自动布局使按钮居中

    Xcode提供两种方式定义自动布局约束: 1,自动布局条 2,拖拽 每个按钮都有自己的功能: Align:创建一致...

  • PyQT5速成 table slot layout 结合实战

    将上次的实现的表格添加新增按钮,并能产生新的数据显示在表格中。通过布局使新数据在表格居中布局。

  • 12-jQuery编写弹窗

    动态创建 弹窗布局: 点击按钮, 动态生成 居中显示 滚动的时候还是居中 关闭

  • [2020-08-10]css3中的常用几种布局

    div的水平垂直居中 flex布局,使用display: flex实现水平垂直居中 grid布局 使用grid布局...

  • 「CSS」常见布局样例

    自动居中一列布局 横向两列布局 绝对定位的横向两列布局 自动居中一列布局 所需知识: 标准文档流 块级元素 mar...

  • css实现多行文字垂直居中

    使用table布局或flex布局是文字垂直居中

  • CSS常用居中方法

    在使用CSS对页面进行样式布局的时候,居中是我们最经常用到的布局之一,而居中布局又分为水平居中和垂直居中。本文将要...

  • 块元素水平垂直居中

    块元素水平垂直居中 使用flex布局将子元素水平垂直居中 使用position定位 或

  • CSS布局与定位入门

    声明:本文为转载如何使用CSS做出: 左右布局 左中右布局 水平居中 垂直居中 等其他小技巧 一、水平居中 1.m...

  • CSS布局与技巧

    本文将简单介绍如何使用CSS做出以下效果: 左右布局 左中右布局 水平居中 垂直居中 其他小技巧 一、左右布局 左...

网友评论

      本文标题:使用自动布局使按钮居中

      本文链接:https://www.haomeiwen.com/subject/llbmlttx.html