UI组件： 结构与皮肤的职责与分工

最新推荐文章于 2025-08-08 16:17:14 发布
原创 最新推荐文章于 2025-08-08 16:17:14 发布 · 619 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了UI组件的结构组成及皮肤绘制原理。结构部分包括公共属性定义、子组件实例化与皮肤对象初始化等；皮肤则依赖于组件提供的外观属性及预设样式实现绘制。

>>结构

结构代表了组件本身，其内部通过监听Render事件来定期通知皮肤进行重绘。

1.  定义Public属性

2.  定义结构要素（子组件）

3.  实例化子组件，并建立父子关系（addChild）

4.  实例化对应的皮肤对象

5.  初始化皮肤对象

6.  设置组件默认属性

 

 

>>皮肤

皮肤绘制的依据来自两处：

1.   结构提供的与外观相关的属性值

2.  内定的外观属性

 

系统架构设计师【第13章】: 层次式架构设计理论与实践 (核心总结)
数据知道的博客
06-02 1万+
层次式架构是软件体系结构设计中最为常用的一种架构形式，它为软件系统提供了一种在结 构、行为和属性方面的高级抽象，其核心思想是将系统组成为一种层次结构，每一层为上层服务，并作为下层客户。
《AI应用架构师：人机协作——未来工作的革命性突破点》
Golang编程笔记的博客
08-07 414
替代型协作：AI直接替代人类完成任务（如工厂流水线的机械臂），特点是任务标准化、规则明确，人类角色被边缘化。辅助型协作：AI辅助人类完成部分环节（如Excel的自动求和、AI写作工具生成初稿），人类主导决策，AI仅作为工具。共生型协作：人类与AI共同参与任务全流程，动态调整角色——AI学习人类的经验，人类借助AI扩展能力，二者形成闭环（如AI辅助诊断系统中，AI提供诊断建议，医生修正后反馈给AI模型，模型持续优化）。关键区别：替代型/辅助型协作中，AI是“工具”；
组件化开发与资源管理
weixin_42436735的博客
06-15 571
前端，是一种GUI软件 现如今前端可谓包罗万象，产品形态五花八门，涉猎极广，什么高大上的基础库/框架，拽炫酷的宣传页面，还有屌炸天的小游戏……不过这些一两个文件的小项目并非是前端技术的主要应用场景，更具商业价值的则是复杂的Web应用，它们功能完善，界面繁多，为用户提供了完整的产品体验，可能是新闻聚合网站，可能是在线购物平台，可能是社交网络，可能是金融信贷应用，可能是音乐互动社区，也可能是视频上传与分享平台…… 如此复杂的Web应用，动辄几十上百人共同开发维护，其前端界面通常也颇具规模，工程量不亚于一般的传统
组件化(一)：重新思考“组件”：状态、视图和逻辑的“最佳”分离实践
2301_79858914的博客
07-28 931
本文探讨了组件设计中的"容器-展示"分离模式，旨在解决前端开发中常见的组件逻辑混乱问题。作者通过一个UserProfile组件案例，展示了传统开发方式带来的复用性差、测试困难等痛点，并提出了解决方案：将组件拆分为展示组件（Presentational Components）和容器组件（Container Components）。 展示组件只关注UI渲染，通过props接收数据，通过回调与外界通信，保持高度可复用性；容器组件则专注于业务逻辑，管理状态、调用API，与数据源交互。文章用纯Ja
金蝶EAS BOS平台的深入介绍与应用
最新发布
weixin_35754676的博客
08-08 692
金蝶EAS BOS（Business Operating System）是一个强大的企业应用开发平台，它为企业级应用的快速构建和部署提供了一体化的解决方案。作为一个面向服务的架构（SOA）平台，BOS能够帮助企业简化复杂的业务流程，提高业务运营效率。BOS提供了专门的移动应用开发框架，使得开发人员能够快速构建适用于iOS、Android等平台的移动应用。这个框架包括了一系列开箱即用的UI组件、移动设备适配、离线数据处理以及安全通信等能力。
C#与SQLServer打造卡拉OK点歌系统
weixin_35045970的博客
06-19 397
C#（发音为 “C Sharp”）是一种由微软开发的面向对象的、类型安全的编程语言，它主要集成在.NET框架中。自2002年推出以来，C#已迅速成为开发Windows应用程序、Web服务和Web应用程序的主要语言之一。C#语言的设计灵感源自C和C++，同时融入了Java和Delphi的特性，是一种结构化的、模块化的编程语言。卡拉OK点歌系统是一种娱乐软件，它允许用户从丰富的音乐库中选择并播放歌曲。系统的主要功能包括点歌、歌曲搜索、分类、排序、播放控制、用户个性化设置以及点歌历史管理。
FLASH WEB GAME的前端架构与人事分工
wkyb608的专栏
07-27 988
<br /> <br />      前端的主程序架构和模块划分与人手和人事分工是紧密联系在一起的，而这些很大程度上又是由项目本身决定的。纵观现在国内绝大多数FLASH WEB GAME的规模和难度，我觉得前端AS人员大概需要2-7个之间，主程序有效代码一般不会超过10W行。在这种情况下，人事分工应当以功能和模块进行划分，尽量避免多人维护同一份代码，每个人各司其职，减少维护和协作的成本。这种模式非常适合人手不够，制度不健全，而且追求效率的初创公司。<br />　　根据各种游戏类型的不同，分工也应该不同。
FLASH WEB GAME的前端架构与人事分
01-19 162
前端的主程序架构和模块划分与人手和人事分工是紧密联系在一起的，而这些很大程度上又是由项目本身决定的。纵观现在国内绝大多数FLASH WEB GAME的规模和难度，我觉得前端AS人员大概需要2-7个之间，主程序有效代码一般不会超过10W行。在这种情况下，人事分工应当以功能和模块进行划 分，尽量避免多人维护同一份代码，每个人各司其职，减少维护和协作的成本。这种模式非常适合人手不够，制度不健全，而...
NGUI 3.6.0：移动界面开发的高效解决方案
weixin_42466857的博客
05-15 669
NGUI是Unity引擎中广泛使用的一个界面开发工具包。它不仅提供了一系列预制的UI控件，也支持深层次的自定义和优化，用于制作各种2D游戏和应用程序。NGUI 3.6.0作为最新版本，带来了一系列改进和新特性，旨在提升UI的性能与可扩展性。自定义事件系统是NGUI中用来实现组件间通信的一个高级特性，其核心理念是解耦组件，使得组件之间的交互更加灵活和可维护。理论上，一个事件可以被理解为一个动作或发生的事情，它可以触发其他组件或系统作出响应。
我的FLASH情结2010—— 浅谈FLASH WEB GAME与创业
11lingxian
04-07 366
声明：本文系转载，对原文有删节，出处链接地址   ★目录： →FLASH WEB GAME的系统架构 →FLASH WEB GAME的前端架构与人事分工 →前端与美术的配合 →前端与后端的配合 ======================================正文======================================== ★FLASH WEB GAM...
深入Vue组件开发：微信face表情组件从设计到实现的全面解析
本文首先概述了Vue组件开发的原理和设计方法论，深入探讨了组件设计的重要性、生命周期以及通信机制。随后，文章聚焦于微信face表情组件的开发，包括需求分析、设计理念、视觉传达、技术选型和框架适应等方面。此外...
iPlatUI插件开发秘籍：框架功能扩展与个性化定制
![iPlatUI插件开发秘籍：框架功能扩展与个性化定制]...随后，文章深入探讨了iPlatUI框架扩展与自定义实践，涵盖功能模块扩展策略、主题与皮肤定制、事件处理与数据绑定。文章还介绍了高级定制技巧，如扩展点的应用、动
【Cheetah.Template最佳实践】：代码复用与模块化设计的最佳实践
[【Cheetah.Template最佳实践】：代码复用与模块化设计的最佳实践](https://img-blog.csdnimg.cn/direct/2f72a07a3aee4679b3f5fe0489ab3449.png) # 1. Cheetah.Template简介 Cheetah.Template是一个为开发者提供...
Chart： 计算X轴标签个数
tiangej的专栏
09-08 4454
在图表中，横轴通常表示分类，纵轴表示数值。 纵轴的数值标签表示，是需要算法支持的，参见【图表轴刻度的思路，算法： 转载X】，略过。 这里说说横轴（X轴）的标签。   用K线图做例子，在一个图中表示的蜡烛线非常多，每根线对应一个时间，这些时间就是X轴上要表示的标签。 如果每根线的时间都在X轴表示出来，由于数量太多，就会相互重叠，根本分不清彼此，上面的文字让看不出来。 因此就要减少其数量。
Label标签设计： 省略号表示功能（用【...】代替过长的看不见的部分）
tiangej的专栏
12-30 4019
Label标签设计思路： 只有格式单一时才有省略表示功能（用【...】代替过长的看不见的部分）   理由： 当作者事先已知表示的文字是什么，有多少文字数的时候，可对Textfield中表示的文字设置局部的Textformat。这样能够展现具有风格的特殊的文字排版效果。显然，Textfeild的显示空间要足够大，才不至于遮掩住作者的“精妙设计”。让一部分文字不能显示，显然有违作者初衷。因此，此
动画的帧频设定和人眼生理特关系中的简单数学
tiangej的专栏
12-03 3758
人眼生理特性：视觉暂留（ 0.1~0.4秒），小于0.1秒的外观变化对于人眼来说就是连续的动画。 如果相邻两帧的变化时间小于0.1秒，那么该帧动画对于人眼来说就是连续的。 “相邻两帧的变化时间小于0.1秒”意味着帧频是多少呢？ 1秒除以0.1秒/帧 = 10。也就是说帧频为10的动画对于人眼来说基本上就是“连续的”。 而Flashplayer默认的帧频是24。 可以知道在默认帧频
TextField中的属性：text 与 htmlText
tiangej的专栏
12-31 2960
TextField用两种类似的属性展现文字：一类是text、textFormart的组合（略称为A），另一类是htmlText（略称为B）   A能够实现的功能B都能实现。 两者是互斥的，B的优先级高。 如果设定了B，则忽略A。   使用时，根据不同的场合在AB中进行选择。
AS的UI组件架构设计
tiangej的专栏
12-03 2623
Flashplayer拥有独特的帧模型（可变跑道模型）和内部时间片的划分机制。 提供给开发者的编程接口就是ENTER_FRAME事件和RENDER事件。 ENTER_FRAME事件代表播放头进入该帧，标志着该帧开始。 RENDER事件是Flashplayer进行实质的屏幕更新前发出的事件，开发者可以监听该事件，在屏幕渲染前做最后一件事。该事件可以理解为该帧即将结束，下一帧即将开始
网络前端UI组件设计思想：去框架化、积木化
tiangej的专栏
05-03 2536
网络前端需要体积小巧。 所有的框架，包括JQuery都存在冗余（用不上的功能）。你无法对其做减法去除不必要的代码。 在轻薄前端为第一目标的前提下，去框架化是必须的。   大家都在说不要重复造车轮，背后一个很大原因是造车轮并不容易，并不是谁都有这个经验和能力。 大家掂量一下自己并环顾周围，有多少人能够从零构架UI组件体系？有几个人能够构架适合不同场景需求的灵活的自定义UI组件体系？
微信小程序UI组件库：快速导入与全面使用
1. **WeUI**：由微信官方团队提供的UI组件库，与微信小程序的风格非常契合。 2. **Taro UI**：基于Taro框架的组件库，支持跨平台开发。 3. **Ant Design**：蚂蚁金服团队的开源产品，包括了桌面端、移动端等不同环境...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值