iOS XCode storyboard 设置控件三等分屏幕的约束添加

在storyboard中需要设置按钮三等分屏幕宽度的步骤如下：

1.首先我们需要先拖拽三个button到storyboard中，同时给每个button添加不同的背景色以便于区分：

2.拖拽好button后，我们就可以开始添加相关的约束了。首先添加cyan按钮的约束，先选中cyan按钮，然后添加如下的约束，距左10、距下200、高度30：

3.添加完cyan按钮的约束后，开始添加green按钮的约束，添加的约束为（距左10、距右10）：

4.添加完green按钮的约束后，开始添加yellow按钮的约束，添加的约束为（距右10）：

5.按住command键选中三个按钮，然后添加对齐（选择“vertical centers”）：

6.选中三种按钮不变，继续添加等宽（equal width）和等高（equal height）约束：

7.到此所有的约束添加完毕，更新约束就可以了。

以上仅供参考，添加约束的顺序可以打乱，只要所有的约束添加齐全即可。

原文链接：http://www.jianshu.com/p/62d7ec1c794b

iOS XCode storyboard 设置控件三等分屏幕的约束添加相关推荐

storyboard设置控件的长宽比和控件之间的尺寸成比例
使用storyboard添加约束速度比较快,那是在用熟练的情况下,有时候遇到某个要求或者方法不会,就不得不停下来, 耽误了速度.熟练是个重复的过程,需要练习,使用storyboard会比使用代码减少不 ...
ios 代码设置控件宽高比_IOS开发入门之iOS一套代码适配所有iPhone手机布局实现方案...
本文将带你了解IOS开发入门iOS一套代码适配所有iPhone手机布局实现方案,希望本文对大家学IOS有所帮助. iOS一套代码适配所有iPhone手机布局实现方案本文主要是讲述一套代码适配所有iP ...
android 动态让控件超出屏幕_android 动态设置屏幕控件宽高度
获取屏幕宽高度: WindowManager wm = (WindowManager) context .getSystemService(Context.WINDOW_SERVICE); Displ ...
Android 动态创建控件并设置控件的大小之Android屏幕适配攻略（五）
Android 屏幕适配攻略(五)动态创建控件并设置控件的大小题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,即是折腾每一天. 重要消息 flutter中网络请求dio使用分析视频 ...
Android 屏幕适配攻略（四）获取手机屏幕的相关信息与动态设置控件的大小
Android 屏幕适配攻略(四)获取手机屏幕的相关信息与动态设置控件的大小 1 动态获取手机屏幕的屏幕密度与对应像素比例例如在 320 * 480 尺寸为 3.2 英寸的手机 ,对应的像素密度 ...
android设置屏幕高度和宽度设置,Android手机的屏幕宽高度和代码设置控件的宽高度...
1.Android手机的屏幕宽高度 WindowManager wm = (WindowManager) getSystemService(Context.WINDOW_SERVICE); int w ...
ios 代码设置控件宽高比_#iOS 开发实用技巧# Masonry 控件宽高（不同控件之间宽高比）比设置方法...
Masonry 项目中我们实用 Masonry 自动布局,可能需要设置控件的宽高比,需要记录一下这个方法. 一句代码搞定: 注意这里需要设置的是控件的宽高比. make.width.equalTo(s ...
android设置控件的坐标,Android中使PopupWindow显示在指定控件的上下左右!
**1.View中的方法getLocationOnScreen(int[] location):获取该控件在屏幕中的绝对坐标并将坐标保存在数组中:如下图所示,A为屏幕的原点,R,C点即为view的绝对 ...
Xamarin iOS教程之页面控件
Xamarin iOS教程之页面控件 Xamarin iOS 页面控件在iPhone手机的主界面中,经常会看到一排小白点,那就是页面控件,如图2.44所示.它是由小白点和滚动视图组成,可以用来控制翻 ...
APP国际化、动态设置控件颜色（APP个性化）
亲身体验:某些时候QQ音乐首页整体都成灰色,艾玛,BUG!!!,截图反馈.只有首页,其他的界面没问题,好家伙,故意的! 确实,今天咱也来搞一下,这篇文章主要记录项目 1. 国际化 2. 动态设置控件颜 ...

iOS XCode storyboard 设置控件三等分屏幕的约束添加

iOS XCode storyboard 设置控件三等分屏幕的约束添加相关推荐

最新文章

热门文章