利用对齐方式进行UI伸缩效果(进阶版)

一:效果图

点击主按钮1:其下的子列表上移或者下移;

点击主按钮2:其下子列表上移或者下移;

图1

错了。。(能看出哪里不一样吗)。。。。代码没有变化,但是对齐方式有变化,这就是对齐方式问题导致的。。。。至于是谁的对齐方式,当然是子按钮的,因为,mask伸缩,那么panel伸缩,导致子物体伸缩。。。所以子物体如何移动,就是按照对齐方式。

二:实现原理

利用Mask缩小以及自动排列,使用对齐方式进行伸缩;

三:细节;

1:层级结构

描述一下为什么这么分层级?

整体看来,整个UI部分分为两个列表,一个List1,一个List2;

其中List1中包含

图2

下面这张图是我做的修正panel下面只需要摆放属于他的子物体就好了,没必要再嵌套一个,这个是也是按照图示的层级结构来的。

2:①Mask


图3

②List

图4


图5

③Button


图6

④Panel


图7

每个小的列表按钮,纠正一下对齐方式


图8

四:总结

发现写篇文章真不容易,还是不熟练,不那么理解。。。。有时间再修改一下

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 在现在每一个软件应用中,用户界面(UI)都是核心的特征。游戏也没有抛弃这一规则。有非常多的游戏都使用 UI 来显示...
    hrscy阅读 9,350评论 4 7
  • 当生活不再会有惊喜和感动,你就会发现孤独其实是最大的自由。 Reflective 一句话形容今天的情绪(今天的高峰...
    露易司阅读 181评论 0 0
  • 莫名其妙的将Xcode从7.2升级到7.3后,就被7.3的补全折磨,自定义的类或者变量不能补全。全考手打,或者需要...
  • 过气和过期,也只是音调不同罢了,可仔细想想,就好像两种不同类的物种,差别太大。 过气是搁置品,过期却是腐败品。 明...
    木芷阅读 334评论 0 0