分类：颜色切换

2020
10-08

利用Vue的v-for和v-bind实现列表颜色切换

需求：在页面上显示四个列表，初始时字体为黑色。鼠标点击某一个列表时，该列表的颜色变为红色，其余列表仍为黑色。代码实现：<!--css--><style>.red{color:red;}</style><!--html--><divid="app"><ul><liv-for="item,indexinmovies":class="{red:changeRed==index}"v-on:click="change(index)">{{item}}</li></ul></div><!--JavaScript--><scriptsrc="../JS/vue.js"></script><script>constapp=newVu... 继续阅读 >

2020
09-28

SwiftUI使用Paths和AnimatableData实现酷炫的颜色切换动画

老铁们，是时候燥起来了！本文中我们将学习如何使用SwiftUI中的Paths和AnimatableData来制作颜色切换动画。这些快速切换的动画是怎么实现的呢？让我们来看下文吧！基础要实现动画的关键是在SwiftUI中创建一个实现Shape协议的结构体。我们把它命名为SplashShape。在Shape协议中，有一个方法叫做path(inrect:CGRect)->Path，这个方法可以用来设置图形的外观。我们就用这个方法来实现本文中的各种动画。创建Spl... 继续阅读 >