美文网首页
设置按钮的下划线,跟着点击的按钮移动

设置按钮的下划线,跟着点击的按钮移动

作者: 要加油啊小和尚 | 来源:发表于2018-04-09 17:55 被阅读0次

    需求:给按钮加个下划线,点击哪个按钮就显示到哪个按钮下面,跟着点击的按钮移动

    实现的要点:

    1.下划线用什么控件去创建,frame如何设定,加到哪个父控件上

    用UIView去实现,颜色用背景颜色属性设置,加到标题栏上,而不是button下面

    frame先把能确定的确定,x无法确定,先不用确定

    2.下划线的宽度跟文字宽度一样还是跟按钮的宽度一样?

    比较有难度的处理是跟文字宽度一样,需要先取出按钮文字,再根据文字算出文字大小,根据大小取出宽度

    3.移动的实现

    3.1 移动是改变x的一个过程,可以改变普通的x坐标,还可以改变中心点的x坐标,这两个都可以,这里用中心点的x坐标更好些,因为这样从中心往两边扩展,即使宽度小于按钮的宽度,看起来也比较均匀

    3.2 加一个动画,动起来更美观,移动移动怎么可以没有动画呢

    注意:宽度跟中心点,先设置宽度,再设置中心点,反过来是有问题的

    相关文章

      网友评论

          本文标题:设置按钮的下划线,跟着点击的按钮移动

          本文链接:https://www.haomeiwen.com/subject/otfwsxtx.html