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>