ugui 缩放图片使图片的四个角和四边保持原样

最新推荐文章于 2024-04-22 14:18:58 发布
最新推荐文章于 2024-04-22 14:18:58 发布
阅读量750 收藏 1
点赞数
分类专栏： 脚本、基础知识 文章标签： UGUI 、UNITY3D

ugui 缩放图片使图片的四个角和四边保持原样，在用UGUI做界面的时候会遇到让一些图片缩放但不改变图片四边和四个角的大小。

例如下面这个图：

\

如果直接把它拉高会出现这样的结果：

\

 

图片变形了，要想缩放它又要保证图片原样可以这样处理：

1:选中原图片在Inspector窗口中点击Sprite Editor

\

2:在弹出的窗口中适当改变绿色边框让其按照自己想要的效果九宫

\

中间的部分是可缩放的位置

3:把image 里的Image Type选择Sliced属性

\

 

这样图片就可以自由缩放而不改变四周和四个角的大小

\


Coding小宇
关注
专栏目录
ugui unity 图片缩放循环_UNITY UGUI DoTween Image Scale
weixin_42319865的博客
01-12 909
“ 一切不牵扯利益得失的知识，都不过是智力游戏。当局势不明朗，没有人告诉你该怎么办，错误的判断会导致不良后果，你因为有知识而敢于拿出主意，这才算是真有知识。--------------万维钢老师”图片缩放image首先创建一个工程并创建一个Image随便找一个贴图贴图拖到Source Image中image“Set Native Size”按钮是设置Sprite的尺寸为贴图原始尺寸现在到了脚本的部...
Unity图集打包文件-TexturePacker
08-01
Unity图集打包文件-TexturePacker
unity图片保留周边，中间延伸
anq46684的博客
08-10 638
1.先把图片切割，类似下面这样的 2.然后在使用的时候（选择图片类型的时候选择sliced） 转载于:https://www.cnblogs.com/qianxinxu/p/7341609.html
【unity】一个图表 或者图片的缩放后不对的问题饶了一大圈 最后终于解决。
情随事迁个人博客
08-05 423
一个图表 或者图片的缩放问题 33 如上图所示 leftbottom是一个父容器 固定设置了距离左边有10个距离 然后我把图表插入到这个左下角，缩放图表自身 就会发现图表并不会按我想的摆放，他距离底部更远了， 333 我这个问题之前那个朋友的解决思路是直接缩放父容器 这样这个图表就会一直靠左下角保持固定10 ，但是 同时插入多个到左下角，如果约束宽度不一致，他们都是一个父容器显...
unity fixedupdate_unity相关
weixin_39960503的博客
11-23 235
会频繁更新 主要给自己看性能优化总结:成本和分析工具:Memory Profiler/Unity Editor Profiler/Frame Debugger/RenderDoc/ VS / ADB /Instruments / GPA /Inter VTune Profiler /Unity Bulid Report Tool优化大纲:1:CPU(1)渲染模块简化资源:Back Face Cu...
Unity屏幕后处理四周拉伸效果
SnoopyNa2Co3的博客
01-26 2799
最近要搞个效果就是屏幕周围要有种向后拉的感觉 其实原理是uv偏移，就是越往里的偏移越少，越往外偏移越大 实现：就是算uv和拉伸中心点距离来计算偏移   其实这个效果是全屏效果，靠近中心点位置也会进行偏移，只是偏移的幅度非常小，小到看不见 我这里使用pow几次方来计算，次方越大则越靠近屏幕的强度越少，这样子很小的数值就会接近0 下面是实现的shader Shader "Scre...
Unity3d UGUI以鼠标位置点为中心缩放图片项目源码
06-09
在本项目中，我们关注的是如何使用UGUI实现以鼠标位置为中心的图片缩放功能。 首先，我们要理解UGUI的基本构成。UGUI主要由Canvas、RectTransform、Image等组件组成。Canvas是UI的容器，可以设置为屏幕空间或世界...
Unity UGUI实现简单拖拽图片功能
08-19
// 设置图片缩放 Vector3 imgNormalScale = new Vector3(1, 1, 1); // 正常大小 void Start() { imgRect = GetComponent(); } public void OnPointerDown(PointerEventData eventData) { Vector2 ...
unity UGUI图片任意截取和裁剪
04-07
使用ugui对图片进行任意角度，大小，缩放，以及任意位置进行截取和裁剪，还可以设置圆角或者矩形方式操作
UGUI实现图片拖拽功能
08-26
其中，`canvas` 是 Canvas 的 RectTransform，`imgRect` 是图片的 RectTransform，`offset` 是鼠标和图片的差值，`imgReduceScale` 是图片缩放的比例，`imgNormalScale` 是图片的正常大小。 在 `Start` 方法中，...
修改ugui之给image添加圆形显示
最新发布
weixin_39889192的博客
04-22 386
引擎下ugui源码路径：Unity\Hub\Editor\2020.3.33f1c2\Editor\Data\Resources\PackageManager\BuiltInPackages\com.unity.ugui\Runtime\UI\Core。项目下ugui源码路径：Library\PackageCache\com.unity.ugui@1.0.0\Runtime\UI\Core。建议把源码复制2份出来，一份备份，一份修改，复制出来修改是因为该路径下不允许直接保存，但可以使用管理员权限替换文件。
unity之UGUI系统基础
weixin_39923777的博客
10-15 3158
                                                              UGUI系统基础 一.UGUI 简介： ①.Unity3D4.6 版本开始，Unity 引擎内出现了一个自己的完整 UI 系统。在此之 前，国内 90%以上的 Unity 项目，项目 UI 界面都是使用 NGUI 插件制作的。 ②.旧版 UI：GUITexture，GUI...
Unity 图片定点缩放功能
qq_37421018的博客
12-18 4020
功能情景： 有的 AVG 项目可能需要玩家缩放图片的某一个点来仔细确认图片，比如碧蓝航线里面的放大看老婆的功能，又或者说如果直接在 Unity 的 Scene 编辑场景里面使用滚轮拉进拉远，可以看到 Unity 就是聚焦在你鼠标的位置在缩放。这里提供一个实现这种效果的思路 实现原理： 注：以下涉及 UGUI 的一些基本原理，需要对 UGUI 的属性比较熟悉才方便理解 UGUI 里面有一个 pivot 属性，这个属性决定了在图片宽高变化的时候，图片左下角（offsetMin）和右上角（offsetMax）是以
UGUI的Image
鳄鱼泪的博客
10-13 1456
Image组件 参数： Source Image：资源图片(需要是Sprite导入格式) Color：颜色 Material：材质 RaycastTarget：是否需要接受点击(不需要时候取消勾选) Preserve Aspect：保持原始纵横比 Set Native Size：将图像框的尺寸设置为纹理的原始像素大小。 Image Type： Simple：直接使...
UGUI的image的属性
alayeshi的专栏
09-16 3765
image的属性主要是讲image type这个属性。这个和NGUI里的sprite属性一样的。 首先先建立一个image 然后选择一个sprite 如图；看到imagetype里面有四个属性，和NGUI里的sprite一模一样，没错就是它们。 simple样式没什么可以说的。介绍一下Sliced属性。关键字：九宫格！没错就是这个。 在simple的样式下放大图片会有失真
unity3d UGUI九宫格纹理拉伸的使用
热门推荐
RainsSoft
01-07 5万+
本篇文章我们来学习下在unity new ui即UGUI九宫格纹理拉伸的使用，不论是游戏中的UI，还是应用中的UI，纹理九宫格拉伸都是必不可少的，因为采用这种拉伸方式，可以最大化的节省纹理资源，任意缩放图片还能保持一个不错的效果，因此在手游和app中用的较多。我们先学习下九宫格拉伸的原理先，如下图所示！ 1.原理 把纹理用4条线分割成9部分（如上图），通过观察可以发现，5是最规则的形状（矩
Unity UGUI实时等比例缩放
温大侠的博客
07-01 3010
最近的项目要实现一个类型web端响应式布局的效果，想了一下，只能通过修改整体ui的scale来实现：Content是一个image,这里充当一个容器，需要根据需求设置好锚点和中心点，会根据父物体的宽高适配，父物体上挂载一个脚本，当自身大小发生变化时计算Content应适配的大小换算为scale值： 上代码： using System.Collections; using System.Collections.Generic; using UnityEngine; public class U
unity 实现图片的放大与缩小，并实现拖拽浏览
linuxheik的专栏
06-12 1万+
首先，是要新建一个UIRoot（使用的NGUI开发）,因为一个项目中有时候往往一个UIRoot无法搞定，需要分割出一部分进行单独的处理，所以大家要视情况而定。 复制代码using UnityEngine; using System.Collections; public class Minimap : MonoBehaviour { public Camer...
unity ugui实现图片轮播
06-01
要在Unity中使用UGUI实现图片轮播，你可以按照以下步骤进行： 1. 首先，在Unity中创建一个空对象，命名为“ImageSlider”或者其他你喜欢的名字。 2. 在这个空对象下创建一个UGUI的Image组件作为你的背景图，并设置好你需要的背景图片。 3. 在ImageSlider下创建一个Scroll View对象，并将其Rect Transform的Anchor Presets设置为Stretch-All，并设置宽高和位置。 4. 在Scroll View下创建一个Viewport对象，并将其Rect Transform Anchor Presets设置为Stretch-All，并设置宽高和位置。 5. 在Viewport下创建一个Content对象，并将其Rect Transform Anchor Presets设置为Top-Left，并设置宽高和位置。 6. 在Content下创建多个Image对象，每个Image对象代表一张图片，并设置宽高和位置。 7. 在Content下创建一个Horizontal Layout Group组件，并将其Child Alignment设置为UpperLeft，并勾选Child Force Expand和Child Force Width。 8. 在每个Image对象中设置你需要的图片。 通过以上步骤，你就可以实现一个简单的图片轮播了。如果你需要自动轮播功能，你可以添加一个Slider组件，并在Update函数中改变Content的anchoredPosition，以此实现自动轮播。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值