uI组件集

Cocoa Touch 设计模式 MVC  (model 数据结构层,  view 用户界面, controller 管理用户交互和业务逻辑)

比如一个项目从手机端移到平板,应该只要修改界面就可以了,而另两个层次不该有大的变动

视图:

基类 UIView :

尺寸填充模式 Mode

标识序号  Tag

视图行为: 互动(Interaction): 互动开关(User Ineraction Enabled)

多点触摸(Multiple Touch)

绘图(Drawing): 不透明(Opaque)

隐藏(Hidden)

             清除图像内容(Clear Graphics context)

             截断子视图边界(Clip Subviews)

子视图自动尺寸(Autoresize Subviews)

视图外观: 透明度:Alpha

背景色:Background

外观代理 appearance方法 opearanceWhenContainedIn(……)

色彩 tintColor 属性

使用Ullmage 创建一个图片模板,imageWithRenderingMode(……)

自动布局: pin 精确值和范围  : Width,Height 单个元素的宽高

Horizontal Spacing ,Vertical Spacing 两个元素的水平和垂直间距

              Leading Space to Superview  一个或多个元素相对于其容器视图的四个方向间距

Training Space to Superview

              Top Space to Superview

            Bottom Space to Superview

              Widths Equally,HeightsEqually 两个或多个元素的宽和高相等

约束量:edit

      align 对齐    Left Edges 两个或多个元素间的左对齐,右对齐,顶对齐,底对齐

              Right Edges

              Top Edges

              Bottom Edges

              Horizontal Centers 两个或多个元素间的水平或垂直中线对齐,基线对齐(可选)

          Vertical Centers

              Baselines

              Horizontal Center in Container 两个或多个元素以其容器的水平或垂直中线对齐

            Vertical Centers in Container

视图 辅助功能

视图调试 解决冲突的设置 如 opaque alpha

时间: 2024-10-10 01:36:57

uI组件集的相关文章

小波说雨燕 第三季 构建 swift UI 之 UI组件集-视图集(六)Picker View视图 学习笔记

想对PickerView进行操作,只能在代码中操作. 下面 ,再添加三个label组件,然后将所有组件配置到代码中(看代码),然后要实现对PickerView的操作,就要实现它的DataSource协议和他的代理,在右边组件的链接栏,Outlets有两个选项,把他们都链接到控制器上: 好,我们的数据从哪里来? 我们在代码的控制器中定义几个数组,并且手工加上协议,然后会提示ViewController没有遵守协议UIPickerViewDataSource,因为我们没有实现: 下面我们就来实现协议

小波说雨燕 第三季 构建 swift UI 之 UI组件集-视图集(八) SearchBar搜索条 学习笔记

小波说雨燕 第三季 构建 swift UI 之 UI组件集-视图集(七)Progress View视图 学习笔记

1 import UIKit 2 3 class ViewController: UIViewController{ 4 5 @IBOutlet weak var progress: UIProgressView! 6 7 let operationQueue = NSOperationQueue() 8 9 var 完成进度: Int = 0{ 10 didSet(oldValue){ 11 let 进度比 = Float(完成进度)/Float(100) 12 let 是否动画 = (old

小波说雨燕 第三季 构建 swift UI 之 UI组件集-视图集(一)视图共性 学习笔记

如果想进行自定义的配置,可以继承基类UIView. 地图app中需要多点触动Multiple Touch, opaque不透明的 hidden隐藏的 比如下载的进度条,如果下载完毕,可以通过设置这个属性让进度条消失clears graphics context如果一个视图需要更新内容,需要清除前面的内容就可以勾选这个属性clip subview截断子视图边界  如果一个视图的子视图是按钮,但是这个按钮超过了这个视图的边界,可以通过勾选这个属性,把按钮子视图多余的部分截断掉.autoresize

小波说雨燕 第三季 构建 swift UI 之 UI组件集-视图集(二)ActionSheet视图 学习笔记

[转]VUE优秀UI组件库合集

原文链接 随着SPA.前后端分离的技术架构在业界越来越流行,前端的业务复杂度也越来越高,导致前端开发者需要管理的内容,承担的职责越来越多,这一切,使得业界对前端开发方案的思考多了很多,以react.vue等框架为代表推动的组件化开发模式越来越被开发者认可,这种模式极大的降低了我们开发与维护的成本.vue作为一款深受广大群众以及尤大崇拜者的喜欢,特此列出在github上开源的vue优秀UI组件库供大家参考,期待开发者们推出更多优秀的组件库. 本文分为两大部分介绍:PC端和移动端. 首先介绍PC端

推荐使用Tiny Framework web开发UI组件

TINY FRAMEWORK 基于组件化的J2EE开发框架,from:http://www.tinygroup.org/ 名字 Tiny名称的来历 取名Tiny是取其微不足道,微小之意. Tiny的构建者认为,一个J2EE开发框架是非常复杂的,只有把框架分解成非常细小.可控的部分,并且对每个细小.可控的部分都有一个最优解或相对最优解, 那么整个方案也就可以非常不错的落地. 策略 Tiny框架的构建策略 Think big, start small, scale fast. 想法要宏伟,但是要从小

Docz 用 MDX 写 React UI 组件文档

Docz 用 MDX 写 React UI 组件文档 前言 为了提升开发效率,创建一套 UI 组件库是一种较为有效的方式之一:可以减少重复工作.提高可复用,所以现在越来越多团队开始创建自己的 UI 组件库.较早的 Twitter 的 Bootstrap 虽然只能称为 UI 库,但也大大提升了开发效率.后面 MVVM 大行其道 ,前端终于可以把 HTML.CSS.JS 放在一起开发包含 UI .交互真正意义上的组件了,现在有基于 React 的 Material-UI.国内阿里金服基于 React

mpvue项目中使用第三方UI组件库的方法

简介 微信小程序上线已有一年多时间啦,自美团的mpvue(基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系)问世也过去了好几个月. 前端技术日新月异,小程序的UI框架也层出不穷. 例如: WeUI: 一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一.(github) ZanUI: 有赞移动 Web UI 规范 ZanUI 的小程序现实版本.(github) iView  Weapp:  与iVi