UGUI - 制作九宫贴图

最新推荐文章于 2024-03-21 12:35:00 发布
最新推荐文章于 2024-03-21 12:35:00 发布
阅读量3.2k 收藏
点赞数
分类专栏： Unity3d Unity3D . 文章标签： ugui 九宫图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangxuan0261/article/details/52261916
版权

应用场景- 按钮，防止拉伸变形

1、单击资源图

单击资源后，在 inspector 面板中点击 sprite editor 编辑资源
这里写图片描述

2、编辑资源

拖动四条线编辑九宫图，然后 apply 应用
这里写图片描述

3、创建image

创建image，修改图片类型为sliced，就可以随意拉伸了
这里写图片描述

蝶泳奈何桥.
关注
专栏目录
UGUI-master.7z
04-23
µGUI v0.3 简单开源的 嵌入式小Gui ，本文档简单介绍了UGUI的使用方法和可以移植到任何嵌入式系统中，可以方便编写TFT 显示屏。Open Source GUI modulefor embedded systemsGUI是一个用于嵌入式系统的免费开源图形...
Unity-ugui之扩展Image组件Filled模式支持九宫格
CrisFu的博客
08-26 3815
开发过程有个很常见的需求：进度条的进度变化是裁剪的方式显示。很好实现，Image的IamgeType选择Filled模式即可。但是呢，Filled模式不支持九宫格，即我们进度条显示要多长，就需要出多长的资源，这样子就会导致资源量很大。 本文主要是让Filled模式支持九宫格。......
unity3d UGUI九宫格纹理拉伸的使用
热门推荐
RainsSoft
01-07 5万+
本篇文章我们来学习下在unity new ui即UGUI九宫格纹理拉伸的使用，不论是游戏中的UI，还是应用中的UI，纹理九宫格拉伸都是必不可少的，因为采用这种拉伸方式，可以最大化的节省纹理资源，任意缩放图片还能保持一个不错的效果，因此在手游和app中用的较多。我们先学习下九宫格拉伸的原理先，如下图所示！ 1.原理 把纹理用4条线分割成9部分（如上图），通过观察可以发现，5是最规则的形状（矩
unity UGUI 九宫格 拉伸
qq_37524903的博客
11-09 2904
1.sprite Mode :选择 Multiple ，点击 Apply，如下图： 2.点击 sprite Editor,调节合适的值即可。 3. 修改Image的 ImageType 选项： Simple
unity 设置图片九宫格_unity学习5_UGUI_Image_Sprite(2D_and_UI)
weixin_39950552的博客
12-21 1302
unity学习5_UGUI_Image_Sprite(2D_and_UI)(1)Source Image:资源文件Unity的image组件需要的Source Image类型为Sprite类型,首先我们需要设置图片资源类型为Sprite.在rescouces目录里找到我们需要设置的图片,然后单机图片资源,修改TextureType类型为Sprite类型.然后Apply生效.这样我们就可以拖动到i...
Unity UGUI 九宫格
别人家的思维
09-14 2233
九宫格的两个条件 1.转成Sprite格式 2.编辑九宫格 自定义九宫格完成后需要保存 3.Image组件设置为sliced模式 根据绿色顶点拉伸自定义九宫格 下面是效果图
UGUI - 制作listview gridview ugui
09-05
在本教程中，我们将深入探讨如何使用UGUI来制作这两种常见的UI组件。 1. **ListView**： 列表视图通常用于显示一系列数据项，每一项可以是独立的UI元素，如文本、图像或两者结合。在UGUI中，我们可以通过`...
quick_psd2ugui-master.zip
03-17
quick_psd2ugui-master.zip 开源框架 适用于Unity各个版本的UGUI 1.可以在美术制作的时候直接导出目录并生成预制体 2.有效的提高了UI制作的效率，节省了程序与美术的沟通成本
UGUI 九宫格的使用
末零 的博客
08-15 2249
为了节省图片资源，以及不同大小的适用，可以使用九宫格进行编辑。 这里是一个按钮的UI，当然此处UI不应该做成这样，中间部分不需要： 接下来对sprite进行编辑，打开Sprite Editor： 然后修改Border，可以直接拖动绿点，修改完后Apply： 将Image Type改为Sliced，勾选FillCenter： 效果： ...
Unity UGUI 九宫格屏幕适配
01-05
Unity UGUI 九宫格屏幕适配
UGUI sprite editor九宫切图用法
Peter的博客
04-26 3337
UGUI九宫格纹理拉伸的使用，不论是游戏中的UI，还是应用中的UI，纹理九宫格拉伸都是必不可少的，因为采用这种拉伸方式，可以最大化的节省纹理资源，任意缩放图片还能保持一个不错的效果，因此在手游和app中用的较多。一般有两种用法： 一、基本用法：四角保持不变，只拉伸中心区 （常用于一些纯色背景组件的拉伸填充） unity3d UGUI九宫格纹理拉伸的使用_Rains卍Soft的博客-CSDN博客_unity 九宫格 二、另类用法：中心区不变，只拉伸四边（常用大背景图保持中心图形不变形，而周...
Unity学习笔记——UI九宫格的原理
m0_52058484的博客
02-16 2899
UI九宫格的深入理解
【Unity】UI九宫格
最新发布
张不无的博客
03-21 2078
9宫格
UGUI Image 九宫格
cuijiahao的专栏
01-19 763
双击图片找到图集 编辑图集 绿色区域为九宫格区域 设置图片的类型
UGUI 切片(九宫格)的具体使用
海涛高软
06-25 8625
下面这张图是原始大小尺寸，没有做切片处理------------------------------------------------------如果把这幅图横向宽度值加大，就会发现这幅图的左右边缘部分进行了拉伸变形--------------------------------------------------------解决办法是，对这张图进行切片处理-------------------...
Unity实现自适应屏幕大小——九宫格
樽酒的博客
01-01 7103
我们在切换分辨率的时候图片不会随着分辨率进行缩放，或者想要缩放的位置和我们想象的位置不一样，这个时候就可以用屏幕自适应，会根据我们设置的位置进行缩放，也就是九宫格缩放。 首先用到九宫格缩放，先要下载一个unity自带的插件（2D Spirte），下图就是对下再进行一个详细步骤，点击Install之后等待就可以了。 下载完之后选中要自适应的图片，按下图的步骤点开Sprite Editor。 进去之后会看到图片四个边界有小绿点，点击拖拽就可以设置，也可以在红框标记的地方输入具体数字，都可以达到最终效果。（首
Unity UGUI sprite editor九宫切图之另类用法，中间不变，拉升两边
u014565819的博客
06-13 1万+
首先，先思考一个问题，用图1如何去实现图2的效果（中间部分保持不变，两边拉伸）？这时候应该很多人会想到九宫切图，但是九宫切图很多时候的用法是保持四个顶角不变，拉升重复中间部分，是做不到这种效果的。接下来就是正文实现部分了：1.首先导入图片设置成sprite之后，将sprite mode 设置成multiple，如下图所示2.点击sprite editor 按钮，将sprite切成3部分3.对2，3...
Unity 基于UGUI的逆向九宫格图片
yyf1990cs的博客
08-28 986
拉伸的时候四周的切片被拉伸，中央的图片保持不变。 可以用于某些UI处理或者图片镂空处理。 基于Unity2018.4的Image源码。 新建一个类，假设叫ScaleImage，复制所有Image的源码，修改掉报错之后，将Image的“GenerateSlicedSprite”类做如下修改： private void GenerateSlicedSprite(VertexHelper toFill) { if (!this.hasBorder) { this.GenerateSim
unity开发小贴士之九 UGUI-UML类图
05-17
下面是一个简单的UGUI-UML类图示例： ![UGUI-UML类图示例]...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蝶泳奈何桥.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值