效果如上,因为担心在小屏幕手机上会因为文本太长导致UI放不下的问题,所以UI设计了如下的动画效果。
简单描述下UI,礼物图标,皇冠图标 两个礼物居中,当点击皇冠图标的时候,皇冠和文本框布局均向左移,同时文本框布局宽度慢慢变大。动画拆解开来,很简单,一个左移的动画,view 宽度变大的动画。在这个实现过程中,自己遇到以下几个问题,在此记录一下:
1.文本框布局放在何处
最开始,我按照UI给的设计图,放到皇冠的右边,但是运行代码发现,当文本很长的时候,文本并没有完全显示出来。
效果如上,因为担心在小屏幕手机上会因为文本太长导致UI放不下的问题,所以UI设计了如下的动画效果。
简单描述下UI,礼物图标,皇冠图标 两个礼物居中,当点击皇冠图标的时候,皇冠和文本框布局均向左移,同时文本框布局宽度慢慢变大。动画拆解开来,很简单,一个左移的动画,view 宽度变大的动画。在这个实现过程中,自己遇到以下几个问题,在此记录一下:
1.文本框布局放在何处
最开始,我按照UI给的设计图,放到皇冠的右边,但是运行代码发现,当文本很长的时候,文本并没有完全显示出来。