All Projects → kingwang666 → BookLoadingView

kingwang666 / BookLoadingView

Licence: Apache-2.0 license
不知道有什么用的加载页面

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to BookLoadingView

GradientLoading
No description or website provided.
Stars: ✭ 12 (-70%)
Mutual labels:  loading
SSSwiftUISpinnerButton
SSSwiftUISpinnerButton is a collection of various spinning animations for buttons in SwiftUI.
Stars: ✭ 37 (-7.5%)
Mutual labels:  loading
loading-indicator
🚦 Simple and customizable command line loading indicator
Stars: ✭ 18 (-55%)
Mutual labels:  loading
react-loading-placeholder
Loading placeholer, inspired by Facebook
Stars: ✭ 17 (-57.5%)
Mutual labels:  loading
dlib
Dynamic loading library for C/C++
Stars: ✭ 19 (-52.5%)
Mutual labels:  loading
blazor-lazy-loading
Automatic Lazy Loading support for Blazor (Server and WebAssembly)
Stars: ✭ 89 (+122.5%)
Mutual labels:  loading
spinners-angular
Lightweight SVG/CSS spinners for Angular
Stars: ✭ 21 (-47.5%)
Mutual labels:  loading
vue-splash
splash plugin for vue js
Stars: ✭ 120 (+200%)
Mutual labels:  loading
XLDotLoading
iOS 新浪微博红包加载动画
Stars: ✭ 30 (-25%)
Mutual labels:  loading
ngx-loading-mask
Angular 5+ simple loading-mask ui component.
Stars: ✭ 22 (-45%)
Mutual labels:  loading
CustomProgress
一款常见的进度条加载框架
Stars: ✭ 32 (-20%)
Mutual labels:  loading
TipDialog
flutter tip dialog
Stars: ✭ 78 (+95%)
Mutual labels:  loading
react-data-fetching-components
♻️ Asynchronously load data for your React components with SSR
Stars: ✭ 13 (-67.5%)
Mutual labels:  loading
shitload
The appropriate bullgit loading animation
Stars: ✭ 15 (-62.5%)
Mutual labels:  loading
XHLoadingView
🚀A load Loading page state view,load,no network,empty data,load failure state switch.
Stars: ✭ 58 (+45%)
Mutual labels:  loading
ember-contextual-services
Services in Ember are scoped to the app as a whole and are singletons. Sometimes you don't want that. :) This addon provides ephemeral route-based services.
Stars: ✭ 20 (-50%)
Mutual labels:  loading
RxPagingLoading
Easy handling of the Paging or Loading screens states
Stars: ✭ 45 (+12.5%)
Mutual labels:  loading
AVLoadingIndicatorView
DEPRECATED
Stars: ✭ 9,655 (+24037.5%)
Mutual labels:  loading
react-apollo-mutation-state
A React HOC wrapper for Apollo GraphQL mutation, provides loading and error in props
Stars: ✭ 16 (-60%)
Mutual labels:  loading
FlowerLoading
🌻 Android loading or progress view, just like iOS IndicatorView.
Stars: ✭ 31 (-22.5%)
Mutual labels:  loading

BookLoadingView

不知道有什么用的加载页面

起因

有一天设计拿了一张gif

给前端的说实现这么一个加载动画,要求代码实现,不能用gif。前端当时那个一脸不爽的表情我记忆犹新←_← 由于最近app开发也完成了本人也是比较爱好动画之类的东西,所以我就想实现一个android端的加载图。在经过1个上午与2个下午的时间终于做出来了一个不知道有什么用的加载动画第一版本。文字动画使用的是[JumpingBeans](https://github.com/frakbot/JumpingBeans)

如何使用

使用起来也是非常的方便快捷
在xml中:

<com.wang.bookloading.widget.BookLoadingView
    android:id="@+id/book_loading_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    app:blv_tickColor="@color/light_green500"
    app:blv_tickStrokeWidth="4dp"
    app:blv_lineColor="@color/grey500"
    app:blv_lineStrokeWidth="8dp">

</com.wang.bookloading.widget.BookLoadingView>  

java中只要:

@OnClick(R.id.show_btn)
public void onMShowBtnClicked() {
    //start loading
    mBookLoadingView.setVisibility(View.VISIBLE, 0);
}

@OnClick(R.id.hide_btn)
public void onMHideBtnClicked() {
    //stop loading
    mBookLoadingView.setVisibility(View.GONE);
}

Styleable

name format description
blv_delay integer 动画开始的延迟
blv_firstDuration integer path动画的时间
blv_textDuration integer 文字动画的时间
blv_pageDuration integer 翻页动画的时间
blv_startColor color 被翻页面的开始时和结束时的颜色
blv_endColor color 被翻页面的中间时的颜色
blv_tickColor color 左边√的颜色
blv_tickStrokeWidth dimension 左边√的粗细
blv_lines float 右边线条书
blv_lineColor color 右边线条颜色
blv_lineStrokeWidth dimension 右边线条的粗细
blv_linePadding dimension 右边线条的间隔大小
blv_textSize dimension 底部文字大小
blv_textColor color 底部文字颜色
blv_text string 底部文字内容

TODO

  1. 底部文字动画的修改(现有的想法是一个文字就是一个view,然后进行动画处理。但是个人感觉这样很蠢。有好的想法可提issue给我。thanks)

DONE

  1. 翻页时被翻页面厚度增加
  2. 宽度自定义
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].