现在Photoshop的UI工具包是设计师们最喜爱的资源，收藏到一套好的组件包，常常是欣喜若狂呀。包包们已经成为web设计者迅速开发不可或缺的神兵利器，里面往往会放满了网站所需要的一切组件，譬如：导航、翻页、焦点图、滚动条、按钮、表格、菜单等等。（注意：因为时间和版权原因，有一部分psd已经被作者下架了。同时，我也知道很多朋友都知道下面的网站，可是却有相当一部分人，不知道怎么在这里挖掘到属于你的宝
首先谈一谈自定义控件：
1，最常见的就是button，也是最简单的，苹果已经封装好了，只需要设置它的type为custom，然后设置其background就可以了；
2，segemented control，可以在xib里面对应的segement中设置其p_w_picpath就可以，不过有点需要注意的是假设你所有图片的宽度可能为70，那么你segemented contr
转载
2023-12-06 21:26:48
54阅读
React Navigation 是 React Native 项目常用的路由和导航库，通过它我们可以很轻松的构建多个页面并完成页面的跳转。不过，因为 iOS 和 Android 在设计风格上的差异，React Navigation 在不同平台上的表现也不同。例如，切换 StackNavigator 页面时，iOS 是从右侧滑入，而 Android 是从底部滑入。在 React Native 项目
转载
2023-12-24 10:32:02
57阅读
@UI基本控件的创建和了解学习UI的过程中,一定要了解和掌握UI设计时所要使用的一些基本控件,其中包括:UILabel,UITextField,UIButton等....(其中最常用的就是UILabel,UITextField,UIButton)@UILabel--标签视图,可以显示文本的视图下面是UILabel对象的创建以及一些属性和方法的使用举例://创建一个标签 U
转载
2024-05-24 16:40:13
26阅读
在之前我们新建了一个计算器项目，现在我想要给这个计算器项目制作一个桌面图标，可以使用Sketch，这是一款非常棒的软件。要想详细地学习这个软件请访问“Sketch中国”，里面有很多专业的Demo和教材。相对于PS这样的软件，Sketch简直就是为移动平台量身定做的。打开Sketch，然后在右侧选择新建一个DeskTop HD，主页面有点像我们的Xcode，中间是画布，右侧是检查器。可以使用快捷键A
# iOS 开源 UI 组件概述
在 iOS 开发中，UI 组件的复用性与可扩展性是提升开发效率的重要因素。随着开源社区的蓬勃发展，越来越多的优秀开源 UI 组件被开发出来，使得开发者可以更快速地构建出高质量的用户界面。本文将介绍一些热门的 iOS 开源 UI 组件，并提供简单的代码示例，帮助开发者更好地理解使用这些组件的方式。
## 常用开源 UI 组件
### 1. SnapKit
*
在现代移动应用开发中，iOS UI组件库是不可或缺的重要部分。这些组件库帮助开发者简化UI设计和提高开发效率。本文将详细记录解决“iOS UI组件库”问题的过程，从协议背景到工具链集成，全方位探讨每个环节，帮助大家理清思路，顺利解决问题。
### 协议背景
iOS UI组件库的构建历史悠久，其发展过程中，随着技术的不断演进，从最初的UIKit到如今更为丰富的SwiftUI，展现了苹果公司不断追
First UI(FirstUI多端统一开发UI组件库，一处代码，多处运行，组件库、物料市场打造FirstUI生态)是一套超高性能、超高颜值的移动端UI综合解决方案，包含业内顶尖的组件库、强大的功能库、丰富精美的模板库，提供uni-app(完美支持nvue)、微信小程序、支付宝小程序等版本，兼顾高效率与高性能，让您的开发获得百倍提质提速！一、FirstUI uni-app版特性多端支持
转载
2024-04-20 11:05:35
202阅读
由于iPhone控件的极度匮乏和自定义组件在重用上的限制，在过去的项目中我们积累了大量的“纯代码”组件——因为IB本身的限制，我们无法把这些组件封装为IB组件库（本来我们想通过分发xib文件的方式重用这些组件，但最终发现这根本不可能，苹果的Plug-in编程不支持iPhone）。最终我们想到了静态库。虽然这仍然还是一种比较原始的复用方式，但起码我们可以隐藏组件的源代码。 下面， 我们使用iPhon
转载
2024-01-20 17:07:18
66阅读
需求最近项目组里有个项目想使用vue开发，但是不想搭建环境，因此就采用引入js的方式来进行开发，然后有很多页面需要用到一些公共的部分，因此想让我开发一些公共组件，使用Vue注册组件都是在webpack管理的项目下进行 的封装组件，因此对无node搭建环境的情况下不太了解如何封装公共组件。 在重新阅读了Vue官网的组件注册之后，产生了一个想法，可以在js中注册好Vue的全局组件，然后哪个页面需要用到
转载
2024-01-17 06:20:52
65阅读
UIButton
这个就不多说了，对照官方的文档也可以更多的去学习。插一句题外话，在学这些组件的时候，最令人头疼的不是你搞不定一个组件的某个属性或者方法，而是你压根儿不知道有这个东西。所以在学习这些组件的时候最好的方式还是通过官方文档，虽然已开始可能有些困难，但是硬着头皮去啃，就一定会有悟道的那一天。建议有问题先去看文档，如果实在不行再去Goo
转载
2023-09-24 18:15:44
64阅读
一、什么是UI组件UI设计组件（UI KIT），直译过来就是用户界面成套元件，是界面设计常用控件或元件，[组]是设计元素的组合方式，[件]由不同的元件组成。 二、好的组件化特点1.通用性意味着足够基础和常见且不带业务属性，参与设计的每个人都应该知道这个组件的功能及目的，同时具备一定的拓展性2.重点要求元件的组合需要灵活，可以在不同场景下可以通过相互组合来快速构建交互框架原型图，并根据不同
转载
2024-05-15 04:12:34
139阅读
UIButton这儿有一篇教程，挺全的，可以参考下：这个就不多说了，对照官方的文档也可以更多的去学习。插一句题外话，在学这些组件的时候，最令人头疼的不是你搞不定一个组件的某个属性或者方法，而是你压根儿不知道有这个东西。所以在学习这些组件的时候最好的方式还是通过官方文档，虽然已开始可能有些困难，但是硬着头皮去啃，就一定会有悟道的那一天。建议有问题先去看文档，如果实在不行再去Google啊，Sta
一、界面UI元素介绍一个Android的应用是由一个或者多个Activity组成的。Activity是一个UI的容器，其本身并不在用户界面上显示出来。在一个Android应用中，用户界面是由View 和ViewGroup对象构建的。View与ViewGroup都有很多种类，而它们都是View类的子类。1、视图组件（View）一个View在屏幕上占据了一块矩形区域，它负责渲染这块矩形区域（如颜色），
转载
2023-10-25 21:46:40
90阅读
这是一个系列，通过8篇文章帮助大家建立起 Flutter 的知识体系，建议大家好好阅读并收藏起来。本篇文章我们先介绍 Flutter 里一些常用的 UI 控件，然后借助官网提供的两个 demo 把所学的控件知识实际使用起来。基本控件Widget在 Flutter 里，UI 控件就是所谓的 Widget。通过组合不同的 Widget，来实现我们用户交互界面。Widget 分为两种，一种是无状态的，叫
转载
2024-01-12 02:08:59
276阅读
相信大家对于sketch组件并不陌生，作为sketch官方推出的功能，相对比较久了，不知大家是否还停留在只会建立单个组件，不会组合使用的情况。我最近在项目中也在做这个组件的事情，接下来会以落地项目、实际案例和大家分享组件的逻辑以及制作思路。了解组件的逻辑我们先来简单了解一下原子设计理论(链接在文末)： 分为原子、分子、组织、模板、页面。我们重点讲一下原子、分子、组织、样式(拆分出来的)这四个。
俗话说细节决定体验，可以从两个角度来理解： 1，对于用户，如键盘选择，在不同的产品功能区域根据使用需求的不同提供不同的键盘选择，将用户体验表现在各个细微之间，让一切方便和美感行于自然； 2，对于内部沟通，专业的表达，是赢得沟通尊重的因素之一。这不仅让设计师更容易表达出你所需要的设计，更让工程师们更因为你专业的细节表达而感到自身的被尊重感。协助共进。本文就IOS系统固有的UI元素和名，分为十大部分
转载
2023-10-30 19:31:52
91阅读
不是由BORLAND提供的组件叫第三方组件：
安装方法：
就目前常见的各种形式的组件的安装方法介绍一下。
1 只有一个DCU文件的组件。DCU文件是编译好的单元文件，这样的组件是作者不想把源码公布。一般来说，作者必须说明此组件适合Delphi的哪种版本，如果版本不对，在安装时就会出现错误。也正是因为没有源码，给使用者带来了不
转载
2024-09-12 03:27:03
45阅读
NerdyUI最好用的快速布局 UI 库，适用于 iOS 8 及以上版本。 github: https://github.com/nerdycat/NerdyUI 序言 众所周知，UI在一个App中所占的比重是很大的，如果能快速的布局UI，则会大大的提高App整体的开发效率，NerdyUI正是基于这个理由创建的。 NerdyUI使用非常紧凑的链式语法，提供一些常用但系统控件又缺失的功能，更为简
UI设计最直观的解释就是“用户界面的设计”。User Interface，简称 UI，就是“用户界面”的意思，也有书籍翻译为“使用者的界面”。让人熟知的UI设计有哪些？1、小米手机MIUI系统的UI设计。MIUI通过安卓系统深度优化、定制、开发的第三方手机操作系统，典型的胜在UI设计上，人性化便捷的体验，每次升级都让米粉津津乐道。比如我使用的手机小米12，MIUI 12，小米浏览器16.0.14,
转载
2023-08-10 23:46:24
99阅读
