unity image 控件使用九宫格进行拉伸

于 2024-03-27 15:34:15 发布
阅读量232 收藏
点赞数 2
分类专栏： unity3d 文章标签： unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_21743659/article/details/137079360
版权

unity image 控件使用九宫格进行拉伸，四个角的圆角蝴蝶 动态调节，按照下图所示，可以调节四个角的弧度大小

鱼儿-1226
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Unity3d插件NGUI拓展修改——简单实现反向九宫格拉伸UISprite
qq_21125279的博客
05-31 851
最近这段时间在公司负责开发新手指引功能，要实现一个铺满屏幕的黑底中只露出一个可操作的圆形的显示效果，考虑到这个圆形可能出现在屏幕的任何位置，如果想确保铺满屏幕的话需要使用的图片将会很大，为了实现这么一个显示效果使用这么大的图集资源显然是不可取的。所以我们开始使用的是一张有圆形空洞的矩形图片加上四张拉伸放大的黑色图片拼接出这个效果，但是当打包到手机平台时图片间的边缘会出现很明显的缝隙，显然不是我们想...
九宫格AOI项目源码（仅供参考，不喜勿喷）
06-19
AOI(Area Of Interest 感兴趣的领域 ) 我们通常把玩家周围的可视区域，叫做玩家感兴趣的领域即AOI。它的大小其实就是玩家的视野大小。它的作用就是根据AOI来优化数据的操作，比如不在视野范围的其他活跃对象的行为就...
C#课程设计—基于Unity的九宫格拼图游戏.zip
07-04
C#课程设计—基于Unity的九宫格拼图游戏。已获通过的高分项目。C#课程设计—基于Unity的九宫格拼图游戏。已获通过的高分项目。C#课程设计—基于Unity的九宫格拼图游戏。已获通过的高分项目C#课程设计—基于Unity的九宫格拼图游戏。已获通过的高分项目C#课程设计—基于Unity的九宫格拼图游戏。已获通过的高分项目C#课程设计—基于Unity的九宫格拼图游戏。已获通过的高分项目C#课程设计—基于Unity的九宫格拼图游戏。已获通过的高分项目C#课程设计—基于Unity的九宫格拼图游戏。已获通过的高分项目C#课程设计—基于Unity的九宫格拼图游戏。已获通过的高分项目C#课程设计—基于Unity的九宫格拼图游戏。已获通过的高分项目C#课程设计—基于Unity的九宫格拼图游戏。已获通过的高分项目C#课程设计—基于Unity的九宫格拼图游戏。已获通过的高分项目 ，
Unity UGUI 九宫格屏幕适配
01-05
Unity UGUI 九宫格屏幕适配
unity打开安卓和ios的相机和相册，将拿到的照片变成九宫格形式并保存 源码
08-10
unity2018.1.0版本源码，打开安卓和ios的相机和相册，将拿到的照片变成九宫格形式并保存。 项目中有打包好的apk.
Unity九宫格切割图片 2D Sprite
qq_45626507的博客
03-20 6266
Unity九宫格切割图片 2D Sprite
Unity学习笔记——UI九宫格的原理
m0_52058484的博客
02-16 2296
UI九宫格的深入理解
Unity实现自适应屏幕大小——九宫格
樽酒的博客
01-01 6909
我们在切换分辨率的时候图片不会随着分辨率进行缩放，或者想要缩放的位置和我们想象的位置不一样，这个时候就可以用屏幕自适应，会根据我们设置的位置进行缩放，也就是九宫格缩放。 首先用到九宫格缩放，先要下载一个unity自带的插件（2D Spirte），下图就是对下再进行一个详细步骤，点击Install之后等待就可以了。 下载完之后选中要自适应的图片，按下图的步骤点开Sprite Editor。 进去之后会看到图片四个边界有小绿点，点击拖拽就可以设置，也可以在红框标记的地方输入具体数字，都可以达到最终效果。（首
【Unity】UI九宫格
最新发布
张不无的博客
03-21 888
9宫格
【unity】快速了解游戏制作流程-制作九宫格简单游戏demo
QiHai的博客
10-05 4301
本篇我会简单的记录一下游戏流程并且简单上手一个通过九宫格移动到指定位置的小游戏
unity UGUI 九宫格 拉伸
qq_37524903的博客
11-09 2607
1.sprite Mode :选择 Multiple ，点击 Apply，如下图： 2.点击 sprite Editor,调节合适的值即可。 3. 修改Image的 ImageType 选项： Simple
unity image Effects.unitypackage
06-23
unity3d 图像后处理 image Effects 摄像机屏幕后处理工具
Unity UGUI Image 中文详解-Chinar
ChinarCSDN的博客
08-06 7524
Unity UGUI Image 中文详解-Chinar 助力快速掌握 Unity UGUI中 Image 组件的使用 为初学者节省宝贵的时间，避免采坑！ Image 组件是 UGUI 中最常用的组件。作用：控制/显示图片 1.1 Attribute —— 属性 Source Image 需要显示图片来源（文件引用） Color 图片的颜色 Material 渲染图像的材质 Raycast Target 能否接收到射线检测 Image Type 图片的排列类型 Simple (普通模式)，Sliced (九
[Unity3D] 制作进度条-使图像同时具有Filled(进度条)和Sliced(九宫格)功能
qq_42980269的博客
10-13 311
【代码】[Unity3D] 制作进度条-使图像同时具有Filled(进度条)和Sliced(九宫格)功能。
Python-OpenCV
我是天才很好
09-27 606
为什么使用Python-OpenCV 虽然python 很强大，而且也有自己的图像处理库PIL，但是相对于OpenCV 来讲，它还是弱小很多。跟很多开源软件一样OpenCV 也提供了完善的python 接口，非常便于调用。OpenCV 的稳定版是2.4.8，最新版是3.0，包含了超过2500 个算法和函数，几乎任何一个能想到的成熟算法都可以通过调用OpenCV 的函数来实现，超级方便。 一、需要工具 Python 作为一种高效简洁的直译式语言非常适合我们用来解决日常工作的问题。而且它简单易学，初学者几个小时
Unity的UGUI用TexturePacker全自动打图集，包括九宫格切图信息
水光涵月的博客
02-05 2290
Unity的UGUI用TexturePacker全自动打图集，包括九宫格切图信息前言二级目录三级目录环境准备实现过程注意结尾 前言 最近项目的ui图集在用 二级目录 三级目录 环境准备 实现过程 注意 结尾
Unity添加可拉伸的图片
newchenxf的专栏
07-29 2375
创建 首先，把图片放到Assets目录下（可以是Assets下的子目录）。 然后打开Unity，发现它非常敏捷的发现了图片，并在同一个生成了meta文件，但这我们不用关心，只要知道Unity发现了你的图片了。 这时候，在Project面板，选中刚才加的图片： 这时候，Inspector面板会显示图片信息。[Texture Type]从Default改为Sprite(2D and UI)。这代表图片可以作为2D UI切图了。 然后点击Sprite Editor，可以编辑图片。 出来的窗口如下： 共有四个
unity3d sprite editor 九宫格不起作用的解决办法!
Lucky Dog's Zone
12-08 1792
解决办法:查看自己的canvas上的canvas Scaler 的上图参数是否为100. 原因,同事协同开发,不知道是哪位误修改了,此处的值,由默认的100改成了0,导致九宫格的失效; 充分利用sprite九宫格可以大大节省资源,比如系统中各种需要边框为圆角的效果, 只需要出一个10*10的圆角,图片,九宫格切图后,不管button还是对话框bg,都可以使用这个,不至于使用大图，使得内存占用过大; ...
unity UI九宫格
08-21
UI九宫格是一种在制作UI界面中常用的技术，它以是否发生形变为基准。九宫格可以帮助我们在UI设计中应对不同尺寸的屏幕，同时最大程度地节省纹理资源。在Unity中的UI（UGUI）中，九宫格纹理拉伸是一种常见的使用方式，不论是游戏还是应用中的UI都可以使用九宫格纹理拉伸。通过九宫格拉伸，我们可以任意缩放图片而保持良好的显示效果。九宫格的顺序是固定的，左边在九宫格中对应的位置是4，右边是5。因此，在对UI进行水平拉伸时，只会改变位置5的形变；而在垂直拉伸时，位置4和5都会发生形变。通过理解九宫格的原理和使用方法，我们可以更好地应对UI的变化。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Unity学习笔记——UI九宫格的原理](https://blog.csdn.net/m0_52058484/article/details/129057073)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [unity3d UGUI九宫格纹理拉伸的使用](https://blog.csdn.net/andyhebear/article/details/50476802)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值