It's an refresh animation that opens the shutter
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Preview
app
gradle/wrapper
shootrefreshview
.gitignore
README-ZH.md
README.md
build.gradle
gradle.properties
gradlew
gradlew.bat
settings.gradle

README.md

RecyclerRefreshLayout

English | 中文版

ShootRefreshView is the refresh animation of Kwai App. In fact, It's an animation that opens the shutter. the main point of this animation is how to draw the five line of the shutter. Mainly related to the formula of the circle and line.

Analysis

Note: the following uses the 'Kwai line' represent the six lines of the shutter.

Step 1: Rotate the 'Kwai line', but the shutter does not open.
The red arc indicates the rotation of the 'Kwai line'

Step 2: Rotate the 'Kwai Line' and open the shutter.
The core idea is how to calculate the intersection of two lines on the following picture.

The following is the formula

Step3: Take the center of the 'Kwai Line' as the base point, and zoom 'Kwai Line'
The core idea is how to calculate the intersection of a lines and a circle on the following picture.

The following is the formula

Step4: Perform a refresh animation, rotate the gradient ring
The last step is easy to implement, just set the SweepGradient to the Paint and draw a circle.

Misc

QQ Group: 342748245

License

Copyright 2015-2019 dinus

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.