ugui Slider使用（固定大小图片）

最新推荐文章于 2024-03-03 19:32:32 发布
最新推荐文章于 2024-03-03 19:32:32 发布
阅读量3.9k 收藏
点赞数
分类专栏： ugui u3d 文章标签： ugui u3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nynyvkhhiiii/article/details/51849189
版权
u3d 同时被 2 个专栏收录
11 篇文章 0 订阅
订阅专栏
ugui
7 篇文章 0 订阅
订阅专栏

1 在canvas里面新建一个slider控件
这里写图片描述
2 把我们要使用的slider的背景，进度条，以及控制bar的资源拖拽到项目asset中

3 我们的图片是固定大小的位图，而不是9宫格。选中slider->FillArea->Fill，如图所示把我们的进度条图片拖拽到对应的组件内，参数所图所示选择好。
这里写图片描述
4 把Handle也处理一下，如图所示
这里写图片描述
5 调整background的大小，使其和我们的fill一样大，最后选择FillArea以及HandleSlidArea，调整fill和Handle的位置，使其达到最优的视觉效果即可
这里写图片描述
https://www.processon.com/i/568c6ea4e4b0e51d149a085f
这个网站解决了大家开始设计阶段的问题，轻量级的各种设计模型，强烈推荐

玖五二七
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
UE4Slider：UE4滑块组件蓝图类https：youtu.be8cVuZji3pFw
02-06
UE4Slider：UE4滑块组件蓝图类https：youtu.be8cVuZji3pFw
UGUI之slider详解
alayeshi的专栏
09-16 6638
slider作为一个滑动的工具。很简单和NGUI里的基本一样。直接上图： 步骤： 1.首先建立一个image选择一个黄色的sprite作为一个背景,命名为background，然后再复制一个命名为black背景颜色调成黑色稍微缩小然后放到下面，再复制一个命名为Green同样的做法改成绿色，红色的一样复制（此处命名为green（1））； 2.在background下面加上一个slider的组件
Unity UGUI之Slider基本了解
最新发布
不在同一频道上的呆子的博客
03-03 945
Unity UGUI之Slider基本了解
Unity UGUI的Slider（滑动条）件组的介绍及使用
auccy的博客
11-20 1123
Slider（滑动条）是Unity UGUI中的一种常用UI组件用，于在用户界面中实现滑动选择的功能。通过拖动滑块，用户可以选择一个数值范围的内值。
Unity 图片不改变比例适配屏幕
SlowFeather's blog
02-02 954
遇到一个要让图片适应相机大小，填满屏幕，但不改变图片比例的需求，记录一下。
Unity通过UGUI的Slider调整物体颜色
12-31
本文实例为大家分享了Unity通过Slider调整物体颜色的具体代码，供大家参考，具体内容如下 首先我们创建三个Slider 和一个Cube，为了方便查看，我把Slider下面的Handle分别改变颜色并和名字一一对应； 然后我们把...
Unity UGUI实现简单拖拽图片功能
08-19
在上面的代码中，我们首先获取了图片的 UGUI 坐标和 Canvas 的 UGUI 坐标，然后使用 `RectTransformUtility.ScreenPointToLocalPointInRectangle()` 方法将屏幕坐标转换为 UGUI 坐标。最后，我们计算了图片中心和...
UGUI实现图片拖拽功能
08-26
UGUI实现图片拖拽功能 UGUI 是 Unity 中的一种用户界面系统，使用 UGUI 可以实现各种复杂的界面交互。...* 图片拖拽功能的实现：使用 UGUI 实现图片拖拽功能，包括坐标转换、事件机制和图片位置更新等概念
unity UGUI图片任意截取和裁剪
04-07
使用ugui对图片进行任意角度，大小，缩放，以及任意位置进行截取和裁剪，还可以设置圆角或者矩形方式操作
【Unity-学习-022】扩展Unity自带的slider
weixin_42680589的博客
04-09 4592
圆形slider制作 但是如何做出圆形的slider 第一步：一个基础背景图片---ImageA ，并在他上身添加 Slider 组件 第二步：在ImageA添加子物体 ---ImageB 图片，并把 ImageB 图片类型设置为 Filled 第三步：将ImageB赋值给父物体Slider 中的FillRect 这时，ImageB会变大，没关系，手动调整好就行了. 根据需要调整正常就行了。选中ImageB同时按住 Shift+...
圆形slider/色环拾取颜色
06-21
文章介绍地址:https://blog.csdn.net/dengshunhao/article/details/80395442
Unity之Slider滑动放大缩小
qq_45632382的博客
07-24 2795
滑动slider来改变相机的位置，从而实现放大缩小 废话不多说直接上代码： using System; using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class Magnify : MonoBehaviour { public Slider MagnifySlider; //Slider放大缩小 /// &l
unity 进度条制作：Slider，Scrollbar
热门推荐
不积跬步，无以至千里
08-29 4万+
1.Unity UGUI基础之Slider、Scrollbar - 神码编程 - CSDN博客 http://blog.csdn.net/qq992817263/article/details/51754463 Slider（滑动条）：是一个主要用于形象的拖动以改变目标值的控件，他的最恰当应用是用来改变一个数值，最大值和最小值自定义，拖动滑块可在此之间改变，例如改变声音大小。
Unity UGUI基础之Slider、Scrollbar
神码编程
06-24 2万+
Slider（滑动条）：是一个主要用于形象的拖动以改变目标值的控件，他的最恰当应用是用来改变一个数值，最大值和最小值自定义，拖动滑块可在此之间改变，例如改变声音大小。 Scrollbar（滚动条）：是一个主要用于形象的拖动以改变目标比例的控件，他的最恰当应用是用来改变一个整体值变为他的指定百分比例，最大值1（100%），最小值0（0%），拖动滑块可在此之间改变，例如改变滚动视野的
UGUI使用小技巧（二）Slider的使用
不文不武的禾文
06-11 8194
Slider的简单介绍： 在Unity中，经常会使用Slider来做滑动选择物品数量的功能。下图是Slider下的默认属性设置： 常用属性： 上边一系列的属性跟Button的属性是差不多的，都是一些基本设置。 Direction：是用来设置滑块滑动方向的，有四个选项，自己设置一下就知道什么意思了。 MinValue：滑块能够移动的最小值。 MaxValue：滑块能够移动的最大值。 ...
Unity 图片大小设置
zhutaorun的博客
02-23 1万+
最近换新的UILoading界面，其中关键点涉及2个， * 加载速度，所以是没有采用Bundle加载的方式，而是放在放在Resouce文件下，用LoadPrefab = Resources.Load(“UI Root (Loading)”);在体验上加载最快 * Texture大小的问题，因为当前屏幕大小是以1136*640为基准。美术给出的图也是1136*60；而图片的大小都是2的
Unity中Slider组件的学习
杨勇博客之家
06-03 2万+
我们下面的一个例子就是通过控制Cube的大小来认识一下Slider 组件 首先创建一个Slider组件，你在Slider下面可以看到三个子控件，Background就是图中绿色的部分，Fill Area–>Fill 就是红色的部分，粉色的就是移动的小圆滑块。选中Slider 我们在Inspector面板中，有很多属性： 1.Derection是用来设置滑块的方向的，我们次案例中的滑块的方向是从
UGUI的Slider
超胆孤侠
09-03 372
构成 Image Sider的背景图片 空物体 用于控制填充图片的活动范围 Image 组件 填充图片 空物体 用于控制滑块图片的活动范围 Image 组件 滑块图片
unity ugui获取sprite自定义分割图片
09-03
使用Unity UGUI获取自定义分割图片，可以通过以下步骤进行操作： 首先，创建一个新的游戏对象，作为图片的父对象，并将其添加一个Image组件。在Image组件的Source Image属性中选择要分割的图片资源。 接下来，我们...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值