unity设置图片的填充方式

这篇具有很好参考价值的文章主要介绍了unity设置图片的填充方式。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1效果展示

unity设置图片的填充方式

功能实现:点击按钮,图片出现,在点击一次,图片消失,可以选择图片出现的方式和出现的位置

2图片设置

新建一个image,拖入一张图片,在Fill Method中选择第四个:Filled(填充)

unity设置图片的填充方式

 设置填充方式,开始填充方向,和填充百分比设置不同的图片展示效果

3代码设置

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

//填充类型的枚举
public enum FillType{
    Horizontal,      //水平出现
    Vertical,        //竖直
    Radial_90,       //旋转90度
    Radial_180,     //旋转180度
    Radial_360      //旋转360度
}

public class test : MonoBehaviour
{
    public FillType fillType;           //填充类型
    [SerializeField]Image image;        //图片
    [SerializeField] int fillOrigin = 0;//填充的开始位置的索引,默认为第一个

    Button btn;
    bool isClick;                      //是否点击按钮
    // Start is called before the first frame update
    void Start()
    {
        //组件获取
        image =image.GetComponent<Image>();
        btn = GetComponent<Button>();

        //按钮点击事件
        btn.onClick.AddListener(delegate
        {
            //点击按钮,图片出现,再点击一次,图片消失
            if (isClick)
                image.gameObject.SetActive(true);
            else
                image.gameObject.SetActive(false);

            isClick = !isClick;
        });

    }

    float value = 0;
    // Update is called once per frame
    void Update()
    {
        //图片显示时,图片缓慢出现
        if (image.gameObject.activeSelf)
        {
            if (value >= 0 && value < 1)
                value += Time.deltaTime;
        }
        else
            value = 0;

        //设置图片的类型
        image.type = Image.Type.Filled;

       //图片出现的枚举
        switch (fillType)
        {
            case FillType.Horizontal:
                image.fillMethod = Image.FillMethod.Horizontal;
                image.fillOrigin = fillOrigin;
                image.fillAmount = value;
                break;
            case FillType.Vertical:
                image.fillMethod = Image.FillMethod.Vertical;
                image.fillOrigin = fillOrigin;
                image.fillAmount = value;
                break;
            case FillType.Radial_90:
                image.fillMethod = Image.FillMethod.Radial90;
                image.fillOrigin = fillOrigin;
                image.fillAmount = value;
                break;
            case FillType.Radial_180:
                image.fillMethod = Image.FillMethod.Radial180;
                image.fillOrigin = fillOrigin;
                image.fillAmount = value;
                break;
            case FillType.Radial_360:
                image.fillMethod = Image.FillMethod.Radial360;
                image.fillOrigin = fillOrigin;
                image.fillAmount = value;
                break;
            default:
                break;
        }
    }
}

将代码拖到一个Button上,将需要变换的图片拖进去,通过改变填充类型和填充开始方向实现图片出现的不同效果

4链接

链接:https://pan.baidu.com/s/1TgmMjcD3jFWrk4ezkwh95g 
提取码:jl98文章来源地址https://www.toymoban.com/news/detail-513355.html

到了这里,关于unity设置图片的填充方式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 禁止浏览器自动填充密码功能,设置自动填充背景色。

    text设置autocomplete=“off” password设置 autocomplete=“new-password” 两个一起设置,就不会自动填充了。 自动填充后,阴影颜色变为黑色。 需要设置为0,不显示阴影。 设置完后,自动填充没有阴影了。

    2024年02月16日
    浏览(38)
  • Three.js--》实现图片转3D效果展示

    目录 项目搭建 初始化three.js基础代码 加载图片纹理 设置着色器 今天简单实现一个three.js的小Demo,加强自己对three知识的掌握与学习,只有在项目中才能灵活将所学知识运用起来,话不多说直接开始。 项目搭建 本案例还是借助框架书写three项目,借用vite构建工具搭建vue项目

    2024年02月08日
    浏览(55)
  • mybatis-plus填充功能,自动设置值

    1、引入依赖 2、编写entity 3、编写处理器 4、测试 官网:自动填充功能 | MyBatis-Plus (baomidou.com)

    2024年02月09日
    浏览(40)
  • 使用手柄控制Unity及效果展示(1)

    Unity支持手柄的控制,效果图如下所示: 这是一篇针对手柄控制U3D入门的过程记载,主要以实现功能为目的,分四个部分进行过程展示: Input System包的下载 设备的查找 Input Actions控件的使用 主要代码的解释及编写 这里也将我使用过程中遇到的问题和解决方法也用红字进行标

    2024年02月05日
    浏览(79)
  • unity制作游戏,点击鼠标左键,展示屏幕震动效果

    在Unity中实现点击鼠标左键展示屏幕震动效果可以通过以下步骤进行: 创建一个新的C#脚本,例如\\\"ScreenShake.cs\\\",并将其附加到想要添加屏幕震动效果的游戏对象上。 在脚本中定义一个变量来控制震动的幅度,例如 public float shakeAmount = 0.1f; 。 在Update函数中检测鼠标左键点击事

    2024年02月12日
    浏览(41)
  • Unity绘画功能实现(包含涂鸦、颜色一键填充、撤销操作、保存图像)

    项目需要,要实现在图像上进行绘画,看来网上的很多Unity绘画代码,感觉挺复杂的而且功能不全,这里我自己实现了一个在图像上进行绘画的代码,包含了涂鸦、一键填充颜色、撤销上一次操作、保存图片功能。 本项目是在http://www.qb5200.com/article/391439.html上进行了魔改。 左

    2024年02月14日
    浏览(41)
  • 工具类——Java导出EXCEL2(设置样式、加载并填充图片、加载指定模板、大数据量设置窗口大小与刷新频率)

    书接上篇:工具类——Java 浏览器导入、导出Excel(Java import、export)demo POI的导出方式:创建/加载Workbook,设置样式,填充数据,然后生成本地临时文件,最终以浏览器的形式打开,完成整个导出动作。 demo如下, demo如下, XSSFClientAnchor anchor = new XSSFClientAnchor(int dx1, int dy1,

    2024年02月01日
    浏览(41)
  • vue如何让element-ui的table列表中展示多张图片(可放大)的效果?

      效果图基本就是这样,如果需要此效果的小伙伴可以往下看 ; 1、先简单的复述一下原理           因为一个table表格里面要存放一张或多张图片,所以前端接受到图片相关的数据肯定是个数组类型的,所以此时就要用到 v-for=\\\"(item,index) in xxx\\\" :key=\\\"index\\\" 的方法来实现,说

    2024年02月11日
    浏览(52)
  • QT 简单实现自动更新程序(一) 效果展示 功能描述 ftp模式 http模式 配置文件更新 安装包更新

      该系列文章主要讲解自动更新程序相关,会从自动更新原理开始,到ftp与http不同下载方式,再到到如何实现配置文件更新与安装包更新,最后做成一个完整的软件。只是经验分享,描述内容并不绝对,如有误差欢迎指正。以ftp下载,配置文件更新模式为例,实现效果如下

    2024年02月10日
    浏览(53)
  • Unity 2021 凹陷效果设置

     首先来到Terrain地形的第二个小图标,然后有个如图的下拉列表,选择Set Height,  

    2024年02月15日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包