此文分别从控件+布局+模态情景+手势交互+动画+字体等六个方面介绍了一些iOS平台设计的基础规范，有志于App设计的童鞋推荐收藏起来，将来要做相关的设计可以直截了当戳进来学习。
一、UI的控件概述：1、框架UI的元素分为4类：A：栏：状态栏目和导航栏的结合体；B：内容视图：应用显示的内容信息，包括相关的交互行为，例如滚屏、插入、删除等操作进行排序；C：控制元素：产品行为或显示的信息；D：临
转载
2023-07-26 21:52:17
114阅读
布局就是尺寸和位置的设置。 一、基本布局： 1）绝对布局：frame、layoutsubviews。 二、相对布局： autoresizing、autolayout。基于父视图、基于约束。 三、线性布局： tableview； 四、group布局： collection view。 五、固定算法群组
转载
2017-12-01 17:32:00
237阅读
2评论
http://blog.csdn.net/yixiangboy/article/details/47016829一、简介IOS 动画主要是指Core Animation框架。官方使用文档地址为：Core Animation Guide。Core Animation是IOS和OS X平台上负责图形渲染与动画的基础框架。Core Animation可以作用与动画视图或者其他
转载
2023-05-24 13:48:30
2871阅读
iOS客户端的UI设计是指在iOS操作系统上开发应用程序时所涉及的用户界面设计，包括应用程序的布局、颜色、字体、图标等元素的设计。良好的UI设计应该能够提高用户体验，使用户能够轻松地使用应用程序。在iOS客户端的UI设计中，需要考虑以下几个方面：1. 设计布局：应用程序布局应该简洁明了，使用户能够轻松地找到所需的功能。布局应该考虑到不同设备的屏幕尺寸和方向，确保应用程序在所有设备上都能够正常显示。
转载
2023-09-28 10:38:03
121阅读
一、iOS7 SDK新特性1、UI相关 简单总结来说，以现在上手体验看来新的UI变化改进有如下几点： 状态栏，导航栏和应用实际展示内容不再界限：系统自带的应用都不再区分状态栏和navigation bar，而是用统一的颜色力求简洁。这也算是一种趋势。 所谓“扁平化设计”指的是抛弃渐变、阴影、高光等拟物视觉效果，从而打造出一种看上去更“平”的界面。也就是说，扁平化设计是与拟物
转载
2024-01-15 06:42:17
0阅读
IOS 严格秉承MVC模式, 即每个View的出现将有相应的Controller负责其逻辑事物， 因此IOS的UI设计中需要首先考虑MVC的问题. 在本博客中，在兼顾MVC的同时，考虑了两点设计中常用的问题。 1. IOS中对可重用UI的处理(能重用的UI通过Controller特别封装, 提供给其它View进行重用) UI涉及的一个非常重要的问题，跟
转载
2023-08-19 15:58:20
105阅读
1.textAligment : 文字的水平方向的对齐方式 取值 哪些控件有这个属性 一般能够显示文字的控件都有这个属性 UITextField UILabel UITextView ... 一般能够显示文字的控件都有这个属性 UITextField UILabel UITextView ... (
转载
2016-09-18 09:53:00
409阅读
2评论
# iOS中的UI设计：从基础到实践
随着移动应用的普及，用户界面（UI）设计在iOS应用开发中占据了极其重要的地位。一个好的UI不仅能够提升用户体验，还能帮助应用在市场竞争中脱颖而出。因此，我们有必要深入了解iOS中的UI设计要点，以及如何通过代码实现这些设计。
## UIKit与SwiftUI
在iOS开发中，**UIKit**和**SwiftUI**是两种主要的UI框架。UIKit是一
一、首先来了解下项目的基本结构 1. 在新建好一个项目后Main.storyboard:程序可视化的界面，可以通过拖拉控件来这里，代替写代码；LaunchScreen.xib：程序启动界面（每一个运用程序刚启动的时候会有一个短暂的过度界面，可用于推送等等）。会先显示这个界面在进入程序主界面。【另一种办法是在Images.xcassets里面设置】Images.xcassets：图片资源放置Supp
转载
2023-09-28 13:32:49
90阅读
对话框 快捷键 eldi > 用到较多表单的快捷键 elf > 用到较多表格 >用到较多表单分成三部分 el-form model字段绑定：表单数据对象 rules字段绑定：表单验证规则 ref字段绑定：组件名字 label字段绑定：标签文字 el-form-item prop属性绑定：表单数据对象 ...
转载
2021-10-24 11:33:00
260阅读
2评论
Android UI学习总结UI（User interface）用户界面的意思，而android有一套完整的wi可以设置这块区域是否可见等。要组织好这些组件
原创
2022-12-09 15:02:57
98阅读
1.内嵌模式和加载模式内嵌模式和加载模式都是针对UI界面的XML而言的，内嵌模式是将UI视图XML结构内嵌在UI类里面，加载模式是把所有界面XML压缩打包为二进制数据，使用时再加载解析 内嵌模式的优点：清晰明了，方便调试，无需加载 加载模式的优点：和主程序分离，美术修改UI后，而无需编译主程序即可看到效果，还可以单独对UI二进制包进行加密，防止别人窥视 加载模式使用：在编辑器内F9设置内，选中加载
原创
2022-12-27 19:07:33
97阅读
tyle="margin:20px 0px 0px; text-align:left; color:rgb(54,46,43); line-height:26px; font-family:Arial; font-size:14px">半透明<Buttonandroid:background="#e0000000" ... /> 透明<Buttonandroid:background="#00000000" .../>其他透明度：在RGB的值前面加上数字（100以内），如#90436EEE（RGB为436 Read More
转载
2013-04-27 19:14:00
88阅读
2评论
我个人工作中有过web、RCP、RIA等方面的经历，对图形界面技术以及其趋势，有过深入的思考，这里写下我的见解，欢迎大家讨论。 下面我们将讨论CS ajax RCP RIA等 一、过去技术总结 CS技术：CS技术的C部分，本质上是用某种语言，调用本地widget作为图形用户显示界面，并用某种语言相...
转载
2009-04-29 09:50:00
139阅读
2评论
好的工具自然能让你在设计上如虎添翼，学好UI设计是成为合格的UI设计的第一步。作为一个人。UI设计师要想设计和转让用户满意的作品，不仅需要高超的技能.除了丰富的经验，还需要掌握一些工具。下面小编就为大家介绍一下。UI设计师工作中常用的设计软件有哪些？1.即时设计即时设计」颠覆了传统本地设计软件的形态，将设计从非协同带入到实时多人协同，将从桌面端需要各种安装包和不断升级带入到了云原生的使用体验上，同
转载
2023-11-12 23:02:25
69阅读
对于想入行移动端UI设计师的小伙伴们来说，对于UI的基础认知可能会有一些模糊，导致不知道从何下手。今天总结了UI设计当中的切图命名和规范以及尺寸规范(iOS)。一、切图命名规范1、常见界面、控件、功能、状态命名集合：是对产品经理、设计师、开发工程师以及H5前端开发人员都可以记住的文件命名规范。界面命名系统控件库功能命名资源类型常见状态位置排序2、以iOS为范例(安卓通用)的切片文件命名规范如下二、
2.1 为iOS设计(Design for iOS) iOS体现以下主题：遵从：UI帮助用户理解界面内容并与内容交互，但绝不会与内容相互冲突。清晰：文本在任何尺寸下都是清晰易读，图标精确易懂，装饰微妙恰当，并且更加注重功能驱动设计。深度：可视的层次与真实的动态效果时刻传递着活力并能够提高用户体验。 无论你是重新设计一款App还是开发一个全新的，考虑以下面的方式完成工作： 首先，回顾过去a
转载
2024-01-13 09:10:34
65阅读
Let常量Var变量.dynamicType类型Print(a,b,terminator:”;”)结尾符为;，默认是换行Sizeof(Type)类型.min类型.max获取到类型最大和最小的值字符串插值\（…可以进行操作，作为整体）Varstr=“123”Str.startIndex->0Str.endIndex->2字符串长度使用String.characters.count属性来计
原创
2018-02-26 17:19:26
692阅读
点赞
# 如何实现 iOS 开源 UI
## 一、整个流程
首先，我们需要了解整个操作的流程，具体可以分为以下几个步骤：
| 步骤 | 操作内容 | 代码示例 |
| ---- | ---------------------- | ----------------------------- |
| 1 | 在项目中添加 C
原创
2024-04-19 05:33:52
27阅读
# 实现iOS UI test教程
## 1. 整体流程
首先，我们来看一下实现iOS UI test的整个流程：
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 创建UI test target |
| 2 | 编写UI test代码 |
| 3 | 运行UI test |
| 4 | 查看测试结果 |
## 2. 具体步骤
### 步骤1：创建UI test ta
原创
2024-05-15 04:25:03
14阅读
