视图状态切换(创建角色切换)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了视图状态切换(创建角色切换)相关的知识,希望对你有一定的参考价值。

1.先完成皮肤并命名好需要添加事件的组件的id

技术分享

2.点击下方控制台上方状态栏的加号添加状态,根据需要创建不同状态,我这里创建角色只有两个,所以创建两个状态

技术分享

①创建第一个状态,并起好状态名称

技术分享

②把当前状态不需要显示的隐藏

技术分享

③创建第二个状态,并起好状态名称

技术分享

④把该状态需要不需要显示的隐藏,并替换不同资源到相同位置,此处替换资源为角色名称图片和人物选择图片

技术分享

⑤设置起始状态

技术分享

现在点击两个状态已经有切换的雏形了

关键点在这里,但是此时两个状态的节点id冲突 需要在皮肤源码内修改,也许这是最笨的办法,以后更加熟悉会更新方法

技术分享

找到该段代码,发现相同id的有两个,此时做如下更改:

技术分享

每个只留唯一的一个,现在就等于两个状态共用一个id,source代表默认资源,这里的图片就是选中男角色图片,后面在用source."状态名"的方式定义切换到这个状态名的状态下后该id要加载的资源,这样就完成了皮肤的设置

下面代码上的实现:

技术分享

 

以上是关于视图状态切换(创建角色切换)的主要内容,如果未能解决你的问题,请参考以下文章

切换片段时如何维护子视图的状态?

所有视图都应该是无状态组件吗?

UI-Router:如何在切换视图时保留视图

在视图控制器之间切换时保留按钮状态

切换回搜索栏处于活动状态时,选项卡栏视图变为空白

sql 如何查看视图的创建用户?