當我們寫商城類的項目的時候,一般都會有加入購物車的功能,加入購物車的時候會有一些抛物線動畫,具體代碼如下:
實作效果如圖:
思路:
- 确定動畫的起終點
- 在起終點之間使用二次貝塞爾曲線填充起終點之間的點的軌迹
- 設定屬性動畫,ValueAnimator插值器,擷取中間點的坐标
- 将執行動畫的控件的x、y坐标設為上面得到的中間點坐标
- 開啟屬性動畫
- 當動畫結束時的操作
難點:
PathMeasure的使用
- getLength()
- boolean getPosTan(float distance, float[] pos, float[] tan) 的了解
涉及到的知識點:
如何擷取控件在螢幕中的絕對坐标
?
1 2 3 | |
如何使用貝塞爾曲線以及屬性動畫插值器ValueAnimator
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | |
所有代碼:
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 | |
以上就是本文的全部内容,希望對大家的學習有所幫助,也希望大家多多支援腳本之家。