美文网首页Android产品,思考,设计人生安卓控件
Android开源控件:一款你不可错过的可爱 & 小资风

Android开源控件:一款你不可错过的可爱 & 小资风

作者: Carson带你学安卓 | 来源:发表于2017-08-30 09:57 被阅读3551次

    前言

    • Android开发中,加载等待的需求 非常常见
    • 本文将带来 一款 可爱 & 小资风格的加载等待Android自定义View控件的使用,希望你们会喜欢。
    示意图

    已在Github开源:Kawaii_LoadingView,欢迎 Star


    目录

    示意图

    1. 简介

    一款 可爱 、清新 & 小资风格的 Android自定义View控件

    已在Github开源:Kawaii_LoadingView,欢迎 Star

    示意图

    2. 应用场景

    App 长时间加载等待时,用于提示用户进度 & 缓解用户情绪


    3. 特点

    对比市面上的加载等待自定义控件,该控件Kawaii_LoadingView 的特点是:

    3.1 样式清新

    • 对比市面上 各种酷炫、眼花缭乱的加载等待自定义控件,该款 Kawaii_LoadingView清新 & 小资风格 简直是一股清流
    • 同时,可根据您的App定位 & 主色进行颜色调整,使得控件更加符合App的形象。下面给出一些常见配色:
    示意图 示意图 示意图 示意图

    3.2 使用简单

    仅需要3步骤 & 配置简单。

    下面1节会详细介绍其使用方法

    3.3 二次开发成本低

    所以,在其上做二次开发 & 定制化成本非常低。


    4. 具体使用

    该款Kawaii_LoadingView 使用非常简单,仅需3步:

    步骤1:导入控件库

    主要有 Gradle & Maven 2种方式:

    • 方式1:Gradle引入依赖
      build.Gradle
    dependencies {
        compile 'com.carson_ho:Kawaii_LoadingView:1.0.0'
    }
    
    • 方式2:Maven引入依赖
      pom.xml
    <dependency>
      <groupId>com.carson_ho</groupId>
      <artifactId>Kawaii_LoadingView</artifactId>
      <version>1.0.0</version>
      <type>pom</type>
    </dependency>
    

    步骤2:设置动画属性

    • 属性说明:
    示意图
    • 具体属性设置
    示意图
    • 使用示例
      XML文件中进行设置
      activity_main.xml
    <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"
    
                />
    

    步骤3:通过 API 启动自定义控件的动画

        // 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();
    

    5. 完整Demo地址

    Carson_Ho的Github地址:Kawaii_LoadingView_TestDemo

    最终示意图.gif

    6. 源码解析

    具体请看文章Android:你也可以自己写一个可爱 & 小资风格的加载等待自定义View


    7. 贡献代码

    • 希望你们能和我一起完善这款清新 & 小资风格的自定义控件,具体请看:贡献代码说明
    • 关于该开源项目的意见 & 建议可在Issue上提出。欢迎 Star

    8. 总结

    • 相信你一定会喜欢上 这款可爱、清新 & 小资风格的加载等待自定义控件

    已在Github上开源:Kawaii_LoadingView,欢迎 Star

    示意图

    a. 手把手教你实现一个简单好用的搜索框(含历史搜索记录)
    b. 你需要一款简单实用的SuperEditText(一键删除&自定义样式))
    c. Android 自定义View实战系列 :时间轴


    请点赞!因为你的鼓励是我写作的最大动力!

    相关文章阅读
    Android开发:最全面、最易懂的Android屏幕适配解决方案
    Android事件分发机制详解:史上最全面、最易懂
    Android开发:史上最全的Android消息推送解决方案
    Android开发:最全面、最易懂的Webview详解
    Android开发:JSON简介及最全面解析方法!
    Android四大组件:Service服务史上最全面解析
    Android四大组件:BroadcastReceiver史上最全面解析


    欢迎关注Carson_Ho的简书!

    不定期分享关于安卓开发的干货,追求短、平、快,但却不缺深度

    相关文章

      网友评论

      • 佩琪009:何时才能像你这么优秀,这些东西都是自己总结的?
      • Vander丶:从半年前,看你的文章,感觉你真的成长不少。能够真真正正的感受到~
        小学留了三年:哎,没办法啊,人丑要多读书

      本文标题:Android开源控件:一款你不可错过的可爱 & 小资风

      本文链接:https://www.haomeiwen.com/subject/uyhdkxtx.html