首页 > 其他分享 >Transition(过渡选项)

Transition(过渡选项)

时间:2024-10-17 17:01:17浏览次数:5  
标签:选项 控件 颜色 时要 Color 状态 Transition 过渡

目录

Transition 过渡

定义按钮状态的过渡方式包含以下四种:

  • None: 按钮不会有任何过渡效果。它会一直保持在正常状态,不受其他状态的影响.

  • ColorTint: 按钮会在不同状态之间进行颜色的过渡。可以通过调节其中的Normal Color、Highlighted Color、Pressed Color等状态设置不同的颜色。

Target Graphic:用于交互组件的图形。
Normal Color:控件的正常颜色
Highlighted Color:控件突出显示时的颜色
Pressed Color:控件按下时的颜色
Disabled Color:控件禁用时的颜色
Color Multiplier:这会将每个过渡的着色颜色乘以其值。由此可以创建大于 1 的颜色,从而使基色小于白色(或小于完整 Alpha)的图形元素上的颜色(或 Alpha 通道)变亮。
Fade Duration:从一个状态淡入淡出到另一个状态所需的时间(以秒为单位)

  • SpriteSwap:按钮会在不同状态之间进行图片的过渡。如下图,我们可以使用自定义精灵,以设置不同状态按钮显示的图像。

Target Graphic:要使用的正常精灵
Highlighted Sprite:控件突出显示时要使用的精灵
Pressed Sprite:控件按下时要使用的精灵
Disabled Sprite:控件禁用时要使用的精灵

  • Animation:按钮会在不同状态之间进行动画的过渡。你可以为每个状态设置不同的动画效果

Normal Trigger:要使用的正常动画触发器
Highlighted Trigger:控件突出显示时要使用的触发器
Pressed Trigger:控件按下时要使用的触发器
Disabled Trigger:控件禁用时要使用的触发器

标签:选项,控件,颜色,时要,Color,状态,Transition,过渡
From: https://www.cnblogs.com/comradexiao/p/18472687

相关文章

  • 新建next.js项目,customize the default import alias是否要自定义默认导入别名(@/*)的选
    使用命令npxcreate-next-app@latest新建项目时,会自定义一些选项,如下图:其中自定义导入别名的选项,选择Yes或No有何区别?Wouldyouliketocustomizethedefaultimportalias(@/*)?...No/Yes一、选择"Yes"jsconfig.js文件的内容是:{"compilerOptions":{......
  • Django学习-ORM_常用字段及字段选项
      字段选项: 注意:当我们新增数据的时候,如果没有新增设置了default的字段,此时会使用default设置的默认值填充到新增的数据中 ......
  • vue+element+Cascader 级联选择器任意一级选项,去掉单选框radio
         <template><divclass="block"><h1class="demonstration">选中的值:{{value}}</h1><el-cascader:options="options"v-model="value"popper-class="cas......
  • 手把手教你学 GPU SoC 芯片(8.1)--GPU SOC芯片编译器优化的编译器选项和标志
    目录常见的编译器优化选项示例:使用nvcc编译CUDA程序示例:使用GCC编译CPU程序特定于GPU编译器的优化选项NVIDIAnvccAMDROCm结论GPUSoC(SystemonChip)芯片的编译器优化对于提高性能和效率至关重要。不同的编译器可能支持不同的优化选项和标志,但大多数现代编译器都提......
  • 从SQL Server过渡到PostgreSQL:理解模式的差异
    从SQLServer过渡到PostgreSQL:理解模式的差异 从SQLServer过渡到PostgreSQL:理解模式的差异前言随着越来越多的企业转向开源技术,商业数据库管理员和开发者也逐渐面临向PostgreSQL迁移的需求。虽然SQLServer和PostgreSQL共享许多数据库管理系统(RDBMS)的基本概念,但它们在处......
  • ab压测的选项、示例和主要关注的指标意义以及ab压测问题Connection reset by peer (10
    一、ab压测的选项、示例和主要关注的指标意义1.ab压测的一些选项-nrequests    全部请求数-cconcurrency 并发数-ttimelimit   最传等待回应时间-ppostfile    POST数据文件-Tcontent-typePOSTContent-type-vverbosity   Howmuchtroubl......
  • wpf 下拉框添加选项中删除数据
    需要根据实际需求在按钮的对应事件或者Command中添加逻辑<StyleTargetType="ComboBox"x:Key="DeleteComboBoxStyle"><SetterProperty="ItemContainerStyle"><Setter.Value><!--ComBoxItem--><......
  • 鸿蒙首选项数据持久化
    1.ets/common/util/PreferencesUtils.etsimport{common}from'@kit.AbilityKit';import{preferences}from'@kit.ArkData';classPreferencesUtil{prefMap:Map<string,preferences.Preferences>=newMap()/*加载首选项*/lo......
  • Nuxt.js 应用中的 page:transition:finish 钩子详解
    title:Nuxt.js应用中的page:transition:finish钩子详解date:2024/10/10updated:2024/10/10author:cmdragonexcerpt:page:transition:finish是Nuxt.js中的一个事件钩子,专门用于处理页面过渡效果结束后的逻辑。这一钩子在页面过渡的onAfterLeave事件之后被调用,允......
  • max transition的修复方式
    针对maxtransition的本质是驱动能力不足那么解决问题的方式就带来了两种:1,增加驱动能力2,减小驱动后面的load针对1,可通过sizecell来增加驱动能力针对2,通过减小load来解决,常见的是减小net的长度或者在net中间加buff(减小loadcap);如果在drive端插入buff的话后面的loadcap不变,只......