unity2018 Image使用Sliced九宫格进行调整

最新推荐文章于 2025-01-06 20:32:43 发布
最新推荐文章于 2025-01-06 20:32:43 发布
阅读量4.6k 收藏 3
点赞数
分类专栏： 其它 文章标签： unity unity3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sun_surprise/article/details/105263769
版权
本文详细介绍了如何在Unity中调整Image组件的精灵图片。首先，需要将图片类型转换为sliced，然后通过SpriteEditor进行精细化调整，实现所需的效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.选中你要调整的Image,将图片类型转换成sliced

2.找到image中的精灵，找到sprite editor，点击

3.在里面调整即可

.

【Unity-UGUI组件拓展】| Image 组件拓展，支持FIlled和Slice功能并存
努力前行，总会成为自己心中的那道光
09-18 7876
关于Image组件的使用，前面已经有文章介绍过，这里不再赘述： 【Unity-UGUI控件全面解析】| Image 图片组件详解 项目中经常会用到进度条这个需求，而进度条一般都是由Image组件组成。在使用进度条时，有时会出现表现效果比较差的情况，如下面所示。
Unity3D-自动裁剪图片
成成成成成成成成成成成成成成丶
11-06 7030
使用Unity3D自带的图片裁剪功能，实现逐帧图片的裁剪。1.导入图片资源2.点击选中一张图片，右侧属性面板，SpriteMode选择Multiple这样就认为这张图片是由多张小图片组合而成的。3.点击SpriteEditor按钮，在弹出的窗口点击Apply,进入图片编辑界面。 4.在图片编辑界面，点击slice按钮进入切歌菜单，点击slice切割图片，图片会根据分辨率自动切割，再点击右边的app
unity中创建中心不拉伸的sliced image
weixin_38926960的博客
06-07 770
unity中创建中心不拉伸的sliced image
Unity 九宫格
Lost_the_wind的博客
04-09 972
unity使用图片九宫格
unity实现可编辑网格
lvmengmeng
01-08 4092
之前简单了解了Unity中的网格信息由gameObject的MeshFilter组件中的Mesh属性实现访问，接下来就尝试实现网格的动态编辑。在这里，“网格可编辑”由鼠标拖拽网格顶点，或长按网格边界添加新顶点后重新绘制网格等两个简单操作实现。方便起见，所有实现限定在二维空间中。 先上张完成效果图： 先从最简单的开始，编写一个可拖拽的顶点对象来熟悉自定义网
UGUI源代码之Image-Sliced模式
weixin_44165354的博客
05-31 1217
UGUI源代码之Image-Sliced模式1、目的2、参考3、代码阅读4、思考5、自定义实现九宫图6、与NGUI对比7、最终效果 1、目的   本文主要以研究UGUI中九宫图的实现过程，以及考虑能否优化（效果上的优化以及性能上的优化），最终实现出来的效果还需要进一步测试才能用于实际项目中。     2、参考   本文参考Unity官方的UGUI源代码 Github地址：https://github.com/Unity-Technologies/uGUI     3、代码阅读   Image组件有4种模式，
unity 设置图片九宫格_Unity UGUI – Image组件
weixin_39624461的博客
12-21 3093
本文提供全图文流程，中文翻译助力快速掌握UnityUGUI中 Image组件的使用为初学者节省宝贵的时间，避免采坑！Chinar —— 心分享、心创新！我们的初衷是将一种简单的生活方式，带给世人使有限时间 具备无限可能!Chinar教程效果：@全文高清图片，点击即可放大观看(很多人竟然不知道)1Presentation —— 介绍Image 组件是 UGUI 中最常用的组件。作用：控制/显示图片1...
UGUI优化之路- Image的Sliced优化
走走走~
03-14 840
UGUI优化之路- Image的Sliced优化 Sliced 九宫格顶点优化 为了节约资源量，项目中必然会有大量图片使用sliced进行九宫格的拉伸，比如 背景，各种图标框，线条等。而原生的UGUI对sliced的实现有一些地方并不是最优的。 其中一个就是 sliced模式下在构建Mesh的时候，顶点数量存在浪费，没有共享顶点。 问题 一个Image使用Sliced时，它需要36个顶点和18个三角形： Image的Sliced（九宫格）顶点的过多会增加Graphic.Rebuild的时间，也会多占用内存。
Unity3D开发（四）：NGUI纹理九宫格拉伸
热门推荐
oneRain88的专栏
10-10 2万+
不论是游戏中的UI，还是应用中的UI，纹理九宫格拉伸都是必不可少的，因为采用这种拉伸方式，可以最大化的节省纹理资源，还能保证良好的表现效果！ 1.原理 把纹理用4条线分割成9部分（如上图），通过观察可以发现，5是最规则的形状（矩形），其次是2,6,8,4（矩形，但是和四个角有公共边），最后是四个角1,3,9,7（圆角矩形） 规则的图形在拉伸之后的效果是比较好的，如果是
unity九宫格切图应该怎么用
06-08
Unity中的九宫格切图是一种用于UI元素的图像切割技术，可以使UI元素在不同大小的屏幕上保持一致的外观和布局。使用九宫格切图可以避免在缩放时出现图像失真或拉伸的问题。 以下是使用九宫格切图的步骤： 1. 在...
【Unity3D】制作进度条——让Image同时具有Filled和Sliced的功能
趁着头发多我想做游戏
09-25 2898
解决方案转载于：UGUI——重写Image类实现进度条 作者：糯米团子滚呀滚 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; using UnityEngine.Sprites; public class childImage : Image{ protected override void OnPopulateMesh(VertexHelp
Unity3D-简单切图
LuckyMechanic的博客
01-27 614
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录问题一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 问题 图片放大失真 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns
[Unity3D] 制作进度条-使图像同时具有Filled(进度条)和Sliced(九宫格)功能
Unity游戏开发
10-13 824
【代码】[Unity3D] 制作进度条-使图像同时具有Filled(进度条)和Sliced(九宫格)功能。
【推荐100个unity插件之3】切割unity3d物体插件——Ezy-Slice的使用
向宇
05-23 5547
GitHub 上的工程多如繁星，有些好的仓库，但凡不经意间错过了就很难找回，故稍作收集，希望能帮助到有用的人今天推荐的仓库叫 EzySlice。- 便捷3d物体剖切工具。
UGUI_03_补充之_Image的属性（image type这个属性simple、Sliced、tiled、filled样式详解）
谁为拨动染血的时空苍穹
08-06 7260
image的属性主要是讲image type这个属性。Simple、Sliced、Tiled、Filled 1、simple样式 单个显示，sprite将直接显示在图片控件中，默认情况下，如果图片控件的大小与sprite不一致时候，后者将经过拉伸来符合前者的大小。 2、Sliced属性。 关键字：九宫切图！ 2.1使用背景：如图所示，比如一个按钮经过拉伸以后，它的边框跟着放大缩小，就会失真了，这种...
Unity UGUI Image 中文详解-Chinar
ChinarCSDN的博客
08-06 9008
Unity UGUI Image 中文详解-Chinar 助力快速掌握 Unity UGUI中 Image 组件的使用 为初学者节省宝贵的时间，避免采坑！ Image 组件是 UGUI 中最常用的组件。作用：控制/显示图片 1.1 Attribute —— 属性 Source Image 需要显示图片来源（文件引用） Color 图片的颜色 Material 渲染图像的材质 Raycast Target 能否接收到射线检测 Image Type 图片的排列类型 Simple (普通模式)，Sliced (九
Unity学习之UGUI（二）
最新发布
weixin_45972052的博客
01-06 1241
Unity学习之UGUI
Unity 之 UGUI Image图像组件详解
陈言必行 -- Unity游戏开发领域优质博主
09-13 1万+
图像__控件向用户显示非交互式图像。此图像可用于装饰、图标等，也可以从脚本更改图像以便反映其他控件的更改。该控件类似于原始图像 (Raw Image) 控件，但为动画化图像和准确填充控件矩形提供了更多选项。但是，图像控件要求其纹理为精灵，而原始图像可以接受任何纹理。
Unity组件大全之 UI 组件 |（2）Image 图像组件
Unity打怪升级
09-12 2015
在Unity的UI系统中，Image组件扮演着至关重要的角色。它不仅能够展示静态图像，还能通过动态修改属性来响应游戏逻辑，实现各种视觉效果。本文将详细介绍Unity Image组件的使用方法和一些实用的应用案例。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值