René's URL Explorer Experiment


Title: GitHub - Star-Sky-Star/AndroidCustomView: 圆圈泡泡上升

Open Graph Title: GitHub - Star-Sky-Star/AndroidCustomView: 圆圈泡泡上升

X Title: GitHub - Star-Sky-Star/AndroidCustomView: 圆圈泡泡上升

Description: 圆圈泡泡上升. Contribute to Star-Sky-Star/AndroidCustomView development by creating an account on GitHub.

Open Graph Description: 圆圈泡泡上升. Contribute to Star-Sky-Star/AndroidCustomView development by creating an account on GitHub.

X Description: 圆圈泡泡上升. Contribute to Star-Sky-Star/AndroidCustomView development by creating an account on GitHub.

Opengraph URL: https://github.com/Star-Sky-Star/AndroidCustomView

X: @github

direct link

Domain: patch-diff.githubusercontent.com

route-pattern/:user_id/:repository
route-controllerfiles
route-actiondisambiguate
fetch-noncev2:c0a692c7-99b7-362c-63a4-b2bcfcdb403b
current-catalog-service-hashf3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb
request-idC820:162028:9D36D80:CB17877:697F0882
html-safe-nonceb395ca5136dd37d575643280d44f5494ee259de4c510abfa3f2260c4629b4360
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJDODIwOjE2MjAyODo5RDM2RDgwOkNCMTc4Nzc6Njk3RjA4ODIiLCJ2aXNpdG9yX2lkIjoiNzM1Njg4NjI5NTI1MzAyNjk0NiIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmacb22dccfb0e06ffd1ac88ec67decf6056f27e998051d65dda4f3eb3587d62881c
hovercard-subject-tagrepository:90925313
github-keyboard-shortcutsrepository,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location//
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/Star-Sky-Star/AndroidCustomView
twitter:imagehttps://opengraph.githubassets.com/b4bca4d32839c10d6c1feebceb0eaafe60eb0531c3468240b033c3dd47e367f4/Star-Sky-Star/AndroidCustomView
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/b4bca4d32839c10d6c1feebceb0eaafe60eb0531c3468240b033c3dd47e367f4/Star-Sky-Star/AndroidCustomView
og:image:alt圆圈泡泡上升. Contribute to Star-Sky-Star/AndroidCustomView development by creating an account on GitHub.
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
hostnamegithub.com
expected-hostnamegithub.com
None60279d4097367e16897439d16d6bbe4180663db828c666eeed2656988ffe59f6
turbo-cache-controlno-preview
go-importgithub.com/Star-Sky-Star/AndroidCustomView git https://github.com/Star-Sky-Star/AndroidCustomView.git
octolytics-dimension-user_id19976510
octolytics-dimension-user_loginStar-Sky-Star
octolytics-dimension-repository_id90925313
octolytics-dimension-repository_nwoStar-Sky-Star/AndroidCustomView
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forktrue
octolytics-dimension-repository_parent_id76027029
octolytics-dimension-repository_parent_nwolygttpod/AndroidCustomView
octolytics-dimension-repository_network_root_id76027029
octolytics-dimension-repository_network_root_nwolygttpod/AndroidCustomView
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release7c85641c598ad130c74f7bcc27f58575cac69551
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView#start-of-content
https://patch-diff.githubusercontent.com/
Sign in https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2FStar-Sky-Star%2FAndroidCustomView
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub SparkBuild and deploy intelligent appshttps://github.com/features/spark
GitHub ModelsManage and compare promptshttps://github.com/features/models
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
GitHub SponsorsFund open source developershttps://github.com/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/accelerator
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2FStar-Sky-Star%2FAndroidCustomView
Sign up https://patch-diff.githubusercontent.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&source=header-repo&source_repo=Star-Sky-Star%2FAndroidCustomView
Reloadhttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView
Reloadhttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView
Reloadhttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView
Star-Sky-Star https://patch-diff.githubusercontent.com/Star-Sky-Star
AndroidCustomViewhttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView
lygttpod/AndroidCustomViewhttps://patch-diff.githubusercontent.com/lygttpod/AndroidCustomView
Notifications https://patch-diff.githubusercontent.com/login?return_to=%2FStar-Sky-Star%2FAndroidCustomView
Fork 0 https://patch-diff.githubusercontent.com/login?return_to=%2FStar-Sky-Star%2FAndroidCustomView
Star 0 https://patch-diff.githubusercontent.com/login?return_to=%2FStar-Sky-Star%2FAndroidCustomView
0 stars https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/stargazers
455 forks https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/forks
Branches https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/branches
Tags https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/tags
Activity https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/activity
Star https://patch-diff.githubusercontent.com/login?return_to=%2FStar-Sky-Star%2FAndroidCustomView
Notifications https://patch-diff.githubusercontent.com/login?return_to=%2FStar-Sky-Star%2FAndroidCustomView
Code https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView
Pull requests 0 https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/pulls
Actions https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/actions
Projects 0 https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/projects
Wiki https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/wiki
Security 0 https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/security
Insights https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/pulse
Code https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView
Pull requests https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/pulls
Actions https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/actions
Projects https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/projects
Wiki https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/wiki
Security https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/security
Insights https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/pulse
Brancheshttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/branches
Tagshttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/tags
https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/branches
https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/tags
19 Commitshttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/commits/master/
https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/commits/master/
.ideahttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/tree/master/.idea
.ideahttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/tree/master/.idea
apphttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/tree/master/app
apphttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/tree/master/app
gradle/wrapperhttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/tree/master/gradle/wrapper
gradle/wrapperhttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/tree/master/gradle/wrapper
.gitignorehttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/blob/master/.gitignore
.gitignorehttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/blob/master/.gitignore
README.mdhttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/blob/master/README.md
README.mdhttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/blob/master/README.md
build.gradlehttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/blob/master/build.gradle
build.gradlehttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/blob/master/build.gradle
gradle.propertieshttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/blob/master/gradle.properties
gradle.propertieshttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/blob/master/gradle.properties
gradlewhttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/blob/master/gradlew
gradlewhttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/blob/master/gradlew
gradlew.bathttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/blob/master/gradlew.bat
gradlew.bathttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/blob/master/gradlew.bat
pay_psd_input_view.mdhttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/blob/master/pay_psd_input_view.md
pay_psd_input_view.mdhttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/blob/master/pay_psd_input_view.md
settings.gradlehttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/blob/master/settings.gradle
settings.gradlehttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/blob/master/settings.gradle
READMEhttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView
https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView#今天开始记录工作中遇到的需要实现的动画效果实现自定义view动画后期会有一些列动画设计思路的文章
https://camo.githubusercontent.com/0b28a9823eb16f555117b03378275a96e37ca1e35bc6d48e15ca36ccc66760d8/687474703a2f2f75706c6f61642d696d616765732e6a69616e7368752e696f2f75706c6f61645f696d616765732f323035373530312d643731306263613165313636666263342e6769663f696d6167654d6f6772322f6175746f2d6f7269656e742f7374726970
https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView#其实我刚拿到设计图的时候心想md直接给一张gif图不就行了何必这个麻烦呐随后冷静下来之后其实就是抱怨之后想想作为一名android开发者总不能什么动画都依赖设计师吧那样的话会显得我们开发者没什么卵用啊说不定还会被设计师鄙视哦于是就开始了动画分析及实现之旅
https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView#通过这个gif动画我们分析出动画过程的实质
https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView#第一步我们要先画出一个圆角矩形吧
https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView#圆角矩形绘制完成之后就是改变圆角半径的大小使其两边形成半圆的效果那么怎么才能让他成为半圆呐来看看一张图若要绘制成半圆效果那么这个圆的直径就是view自身的高度那么这个圆的半径就是height2
https://camo.githubusercontent.com/32243bae1b1e8e43e68452664a3f5ca27d8f20f8a02223cd6a82f89193234952/687474703a2f2f75706c6f61642d696d616765732e6a69616e7368752e696f2f75706c6f61645f696d616765732f323035373530312d373431646264666333616136633536382e706e673f696d6167654d6f6772322f6175746f2d6f7269656e742f7374726970253743696d61676556696577322f322f772f31323430
https://camo.githubusercontent.com/739750b75c10c4eea1f704535ff134416ec7c8f612422ab65de25f517e822f1d/687474703a2f2f75706c6f61642d696d616765732e6a69616e7368752e696f2f75706c6f61645f696d616765732f323035373530312d653836336230346164623966323434302e6769663f696d6167654d6f6772322f6175746f2d6f7269656e742f7374726970
https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView#第二步当矩形两边都是半圆之后就要处理使其向中间靠拢逐渐形成一个圆那么问题又来了需要向中间移动多少呐并且怎么移动才能使两边都想中间聚拢呐
https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView#下边来看一张图分析一下
https://camo.githubusercontent.com/9a0f32d508ceef01fe52c9fb4f644891766b6406ccf3104c7bcbbd2bd248798d/687474703a2f2f75706c6f61642d696d616765732e6a69616e7368752e696f2f75706c6f61645f696d616765732f323035373530312d346630646564316663313336616535362e706e673f696d6167654d6f6772322f6175746f2d6f7269656e742f7374726970253743696d61676556696577322f322f772f31323430
https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView#有图可知移动的距离是width-height2然后在写一个动画让其改变距离最终两个半圆靠拢在一起形成圆
https://camo.githubusercontent.com/43bb2ba91f9acfd76023a9dd1f219dc2cfc5e9436168ba5fb0385dc4a674741a/687474703a2f2f75706c6f61642d696d616765732e6a69616e7368752e696f2f75706c6f61645f696d616765732f323035373530312d393137623632313165313162613762392e6769663f696d6167654d6f6772322f6175746f2d6f7269656e742f7374726970
https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView#第三步让圆上移移动距离这个移动很好实现直接改变y轴方法的坐标就行了这个很简单就直接看代码吧
https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView#第四步在圆中绘制一个对勾而且是带动画的对勾让对勾以动画的形式慢慢绘制出来
https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView#我们先拿到对勾的path路径在对其改变偏移量加上dashpatheffect就能实现动态绘制对勾的效果了那么怎么计算对勾的起点折点和终点的坐标呐在网上找了一个不错的图片如果你的设计师直接把位置给你标明的很详细的话你就省了这些自己计算的麻烦
https://camo.githubusercontent.com/8d94778d672fc7ee5ba88c0c9dd31fafc2a34fabbde6ce82ec46665ada39eff8/687474703a2f2f75706c6f61642d696d616765732e6a69616e7368752e696f2f75706c6f61645f696d616765732f323035373530312d636138366163343266316563346238312e6a70673f696d6167654d6f6772322f6175746f2d6f7269656e742f7374726970253743696d61676556696577322f322f772f31323430
https://camo.githubusercontent.com/fad3a0910a2f74a5cc8aaabdd5125cb6f86b62c1c6a670ea969c6a1a74653b36/687474703a2f2f75706c6f61642d696d616765732e6a69616e7368752e696f2f75706c6f61645f696d616765732f323035373530312d363733646637653731633262636362612e6769663f696d6167654d6f6772322f6175746f2d6f7269656e742f7374726970
https://camo.githubusercontent.com/2ed294a93cde25050536b95e73bd3e941816c48457a898e6686213e746dda23a/687474703a2f2f75706c6f61642d696d616765732e6a69616e7368752e696f2f75706c6f61645f696d616765732f323035373530312d306431313139373231343239626637312e6769663f696d6167654d6f6772322f6175746f2d6f7269656e742f7374726970
https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView#总结看到这里是不是觉得这样的动画实现起来也不是很复杂嘛也许你会觉得这样的动画没什么技术含量实现起来真的没什么难度何必再此大做文章呐其实我这里也只是个抛砖引玉的作用提供一种学习方法也许今天我们遇到的只是一个简单的动画可明天如果需要我们去做更复杂的动画呐我们该怎么处理怎么分析怎么实现呐只要我们把自己的需求分析拆解把复杂的步骤简单化分布实现在组合到一起就可以实现自己想要的效果你要知道炫酷的电影特效也是一帧一帧动画合成的哦
Readme https://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView#readme-ov-file
Please reload this pagehttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView
Activityhttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/activity
0 starshttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/stargazers
1 watchinghttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/watchers
0 forkshttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/forks
Report repository https://patch-diff.githubusercontent.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2FStar-Sky-Star%2FAndroidCustomView&report=Star-Sky-Star+%28user%29
Releaseshttps://patch-diff.githubusercontent.com/Star-Sky-Star/AndroidCustomView/releases
Packages 0https://patch-diff.githubusercontent.com/users/Star-Sky-Star/packages?repo_name=AndroidCustomView
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.