插件:NGUI

devtools/2024/10/18 14:17:20/

一、版本

安装完毕后重启一下即可,否则可能创建的UI元素不生效

二、使用

Label文字

1、创建Canvs

2、只有根节点的这些脚本全部展开才能鼠标右键创建UI元素

3、选择字体

Sprite图片

1、选择图集

2、选择图集中的精灵

Panel容器

用来装UI的容器,一般UI Root下装多个Panel来把不同功能的控件放到面板中去

1、创建

2、设置面板位置

Button按钮

1、创建Label控件,给控件加碰撞器

2、给Label控件加脚本,就拥有了点击功能,同理其它控件如精灵也可以这样操作,此类按键的命名可以在后缀加个button

控件被点击时会触发这个方法,自己挂脚本即可获取事件信息

3、创建一个带有背景的按钮

 Widget属性

Anchor锚点

用于设置控件的自适应

上下左右均会适应屏幕大小

小地图一直位于右上角

Tween动画

创建一个透明度的缓动动画

颜色、宽度、高度、位置

旋转、缩放、从一个ui位置到达另一个ui位置

Slider滑动

把子物体赋值给父物体的前景色属性和背景属性,即可把前景图充当拖动条

让右边显示百分比

添加游标

创建图集Atlas

图集的作用是提高性能,使用Sprite时就可以在图集中选择对应的精灵图

将下面的图片制作成图集

使用图集的精灵

删除-图集中的图片

修改-图集中的图片

九宫切图SlicedSprite

切图解决的是边框被拉伸问题,切完后就不会被拉伸了

下面精灵的边框很模糊,点击编辑精灵进行切图处理使其边框不被拉伸

这样设置目的是除了中间那1个格子会被拉伸外,其余8个格子不会被拉伸,因此叫做九宫切图

动态字体制作与显示

静态字体就是将文字写道图片上,使得文字就以图片的显示展示,优点是速度快;

在系统中去拷贝一个可商用的TTF字体

使用动态字体

三、实战

案例一


http://www.ppmy.cn/devtools/42932.html

相关文章

Sam Altman微软Build 2024最新演讲:AI可能是下一个移动互联网

大家好,我是木易,一个持续关注AI领域的互联网技术产品经理,国内Top2本科,美国Top10 CS研究生,MBA。我坚信AI是普通人变强的“外挂”,所以创建了“AI信息Gap”这个公众号,专注于分享AI全维度知识…

Django 安装步骤

步骤如下 打开cmd输入命令行 pip install django上图代表已经安装好了。但是里面的warning必须得将路径弄好,不然是运行不了 创建django项目 去到VS Code里,进入Terminal 页面,运行下面的命令 django-admin startproject [自己项目名称]就…

力扣 5. 最长回文子串 python AC

动态规划 class Solution:def longestPalindrome(self, s):size len(s)maxl 1start 0dp [[False] * size for _ in range(size)]for i in range(size):dp[i][i] Truefor L in range(2, size 1):for i in range(size):j L i - 1if j > size:breakif s[i] s[j]:if L…

15分钟Element-UI快速入门

Element-UI 是一个基于 Vue.js 2.0 的桌面端组件库,它提供了丰富的、可复用的组件,帮助开发者快速构建出美观且功能强大的网页应用。以下是一个 Element-UI 的快速入门指南: 1. 安装 Element-UI 首先,你需要在你的 Vue.js 项目中…

dolphinscheduler standalone安装

官方文档:https://dolphinscheduler.apache.org/en-us/docs/3.1.3/guide/installation/standalone 1.安装(以放在/home为例) 下载见:https://download.csdn.net/download/taotao_guiwang/89311365 tar -xvzf apache-dolphinsche…

【文末附gpt升级方案】TikTok Symphony AI套件:智能视频制作的新篇章

TikTok Symphony AI套件:智能视频制作的新篇章 摘要 随着短视频平台的兴起,视频内容的创作与制作已成为品牌方吸引用户、传递信息的重要手段。TikTok作为全球领先的短视频平台,近日宣布推出Symphony AI套件,旨在通过人工智能技术…

小白也会SQL:自动化SQL大模型(下)

这个专栏的解读的精选论文均围绕着行业实践和工程量产。若在阅读过程中有些知识点存在盲区,可以回到如何优雅的谈论大模型重新阅读。另外斯坦福2024人工智能报告解读为通识性读物。若对于如果构建生成级别的AI架构则可以关注AI架构设计。技术宅麻烦死磕LLM背后的基础…

【学习AI-相关路程-工具使用-自我学习-jetsoncudapytorch-开发工具尝试-基础样例 (3)】

【学习AI-相关路程-工具使用-自我学习-jetson&cuda&pytorch-开发工具-安装尝试-基础样例 (3)】 1、前言2、环境说明3、自我总结(1)了解整体过程阶段 1: 硬件设置阶段 2: 软件准备阶段 3: 数据准备阶段 4: 模型设计和训练阶…