Android开源 - Kawaii_LoadingView: 一款你不可错过的可爱&小资风格的加载等待控件库
ChristiCoun
7年前
<h2>前言</h2> <ul> <li>Android 开发中， <strong>加载等待的需求</strong> 非常常见</li> <li>本文将带来 <strong>一款 可爱 & 小资风格的</strong> 加载等待 Android 自定义 View 控件的使用，希望你们会喜欢。</li> </ul> <p><img src="https://simg.open-open.com/show/f8c8b35f87335b5a6f665861acde37bb.gif"></p> <p>已在 Github 开源： <a href="/misc/goto?guid=4959751898407361318" rel="nofollow,noindex">Kawaii_LoadingView</a> ，欢迎 Star ！</p> <h2>目录</h2> <p><img src="https://simg.open-open.com/show/0374f091b0be362555672defe9be8cef.png"></p> <h2>1. 简介</h2> <p>一款 可爱 、清新 & 小资风格的 Android 自定义 View 控件</p> <p>已在 Github 开源： <a href="/misc/goto?guid=4959751898407361318" rel="nofollow,noindex">Kawaii_LoadingView</a> ，欢迎 Star ！</p> <p><img src="https://simg.open-open.com/show/f8c8b35f87335b5a6f665861acde37bb.gif" alt="Android开源 - Kawaii_LoadingView: 一款你不可错过的可爱&小资风格的加载等待控件库" width="364" height="454"></p> <h2>2. 应用场景</h2> <p>App 长时间加载等待时， <strong>用于提示用户进度 & 缓解用户情绪</strong></p> <h2>3. 特点</h2> <p>对比市面上的加载等待自定义控件，该控件 Kawaii_LoadingView 的特点是：</p> <h3>3.1 样式清新</h3> <ul> <li>对比市面上 各种酷炫、眼花缭乱的加载等待自定义控件，该款 Kawaii_LoadingView 的 <strong>清新 & 小资风格</strong> 简直是一股清流</li> <li>同时，可根据您的 App 定位 & 主色进行颜色调整，使得控件更加符合 App 的形象。下面给出一些常见配色：</li> </ul> <p><img src="https://simg.open-open.com/show/7c133571b093ee193d2a98262e878290.png"></p> <p><img src="https://simg.open-open.com/show/90e097b356829ff741d284be52a85c57.gif"></p> <p><img src="https://simg.open-open.com/show/5f652550ffdfbcedfe139fa7584d9f13.gif"></p> <p><img src="https://simg.open-open.com/show/950b34fd88ca5a88bcc2f8738dcc6872.gif"></p> <h3>3.2 使用简单</h3> <p>仅需要3步骤 & 配置简单。</p> <p>下面1节会详细介绍其使用方法</p> <h3>3.3 二次开发成本低</h3> <ul> <li>本项目已在 Github 上开源： <a href="/misc/goto?guid=4959751898407361318" rel="nofollow,noindex">Kawaii_LoadingView</a></li> <li>详细的源码分析文档： <a href="/misc/goto?guid=4959751898526489218" rel="nofollow,noindex">Android：你也可以自己写一个可爱 & 小资风格的加载等待自定义View</a></li> </ul> <p>所以，在其上做二次开发 & 定制化成本非常低。</p> <h2>4. 具体使用</h2> <p>该款 Kawaii_LoadingView 使用非常简单，仅需3步：</p> <h3>步骤1：导入控件库</h3> <p>主要有 Gradle & Maven 2种方式：</p> <ul> <li> <p>方式1： Gradle 引入依赖</p> <p><em>build.Gradle</em></p> </li> </ul> <pre> <code class="language-java">dependencies { compile 'com.carson_ho:Kawaii_LoadingView:1.0.0' }</code></pre> <ul> <li> <p>方式2： Maven 引入依赖</p> <p><em>pom.xml</em></p> </li> </ul> <pre> <code class="language-java"><dependency> <groupId>com.carson_ho</groupId> <artifactId>Kawaii_LoadingView</artifactId> <version>1.0.0</version> <type>pom</type> </dependency></code></pre> <h3>步骤2：设置动画属性</h3> <ul> <li>属性说明：</li> </ul> <p><img src="https://simg.open-open.com/show/6e4219bb4ed7a25ea0af8329df0fe340.png"></p> <ul> <li>具体属性设置</li> </ul> <p><img src="https://simg.open-open.com/show/f4cebf0c3fc73d505d19a6fd0861de8d.png"></p> <ul> <li> <p>使用示例</p> <p>在 XML 文件中进行设置</p> <p><em>activity_main.xml</em></p> </li> </ul> <pre> <code class="language-java"><scut.carson_ho.kawaii_loadingview.Kawaii_LoadingView android:id="@+id/Kawaii_LoadingView" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#FFCCFF" app:blockColor="#ffffff" app:lineNumber="3" app:fixBlock_Angle="5" app:moveBlock_Angle="20" app:blockInterval="8dp" app:half_BlockWidth="15dp" app:initPosition="0" app:isClock_Wise="false" app:moveSpeed="500" app:move_Interpolator="@android:anim/bounce_interpolator" /></code></pre> <h3>步骤3：通过 API 启动自定义控件的动画</h3> <pre> <code class="language-java">// 1. 定义控件变量 private Kawaii_LoadingView Kawaii_LoadingView; // 2. 绑定控件 Kawaii_LoadingView = (Kawaii_LoadingView) findViewById(R.id.Kawaii_LoadingView); // 3. 使用动画（API说明） // 3.1 启动动画 Kawaii_LoadingView.startMoving(); // 3.2 停止动画 Kawaii_LoadingView.stopMoving();</code></pre> <h2>5. 完整Demo地址</h2> <p><a href="/misc/goto?guid=4959751898407361318" rel="nofollow,noindex">Carson_Ho的Github地址：Kawaii_LoadingView_TestDemo</a></p> <p><img src="https://simg.open-open.com/show/5d154dc300cca24358cdbaf3609769cb.gif"></p> <h2>6. 源码解析</h2> <p>具体请看文章 <a href="/misc/goto?guid=4959751898526489218" rel="nofollow,noindex">Android：你也可以自己写一个可爱 & 小资风格的加载等待自定义View</a></p> <h2>7. 开源协议</h2> <p><code>Kawaii_LoadingView</code> 遵循 <code>Apache 2.0</code> 开源协议</p> <h2>8. 贡献代码</h2> <ul> <li>具体请看：<a href="/misc/goto?guid=4959751898627546690">贡献说明</a></li> <li>关于该开源项目的意见 & 建议可在<code>Issue</code>上提出。欢迎 Star ！</li> </ul> <h2>9. 版本说明</h2> <p>2017-07-07 v1.0.0 ：新增 启动 & 停止动画</p> <p>关于作者</p> <ul> <li>ID：Carson_Ho</li> <li>简介：CSDN签约作者、简书推荐作者、稀土掘金专栏作者</li> <li>E - mail：<a href="/misc/goto?guid=4959751898723403035">carson.ho@foxmail.com</a></li> <li>Github：<a href="/misc/goto?guid=4959751898804094843">https://github.com/Carson-Ho</a></li> <li>CSDN：<a href="/misc/goto?guid=4959751898888933914">http://blog.csdn.net/carson_ho</a></li> <li>简书：<a href="/misc/goto?guid=4959751898973194701">http://www.jianshu.com/u/383970bef0a0</a></li> <li>稀土掘金：<a href="/misc/goto?guid=4959751899072133737">https://juejin.im/user/58d4d9781b69e6006ba65edc</a></li> </ul> <ul> </ul> <p>项目主页：<a href="http://www.open-open.com/lib/view/home/1504147989279">http://www.open-open.com/lib/view/home/1504147989279</a></p>