tickview's Introduction

TickView

一个精致的打钩小动画，模仿轻芒杂志标记已读的动画

效果图

使用

Step 1

allprojects {
  repositories {
    ...
    maven { url 'https://www.jitpack.io' }
  }
}

Step 2

dependencies {
    compile 'com.github.ChengangFeng:TickView:v1.0.2'
}

Step 3

xml配置

<com.github.chengang.library.TickView
    android:id="@+id/tick_view_accent"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:check_base_color="@color/colorAccent"
    app:rate="normal" />

点击事件回调

tickView.setOnCheckedChangeListener(new TickView.OnCheckedChangeListener() {
    @Override
    public void onCheckedChanged(TickView tickView, boolean isCheck) {
        //do something here
    }
});

模拟点击效果

tickView.toggle();

手动更改控件状态

tickView.setChecked(true);

思路实现

简书，http://www.jianshu.com/p/673e3b3715a2
掘金，https://juejin.im/post/59ebe2b75188250989513b1b

优化思路

简书，http://www.jianshu.com/p/1ff14c0156b0
掘金，https://juejin.im/post/59f5609851882534af2538c0

tickview's People

Contributors

Stargazers

Watchers

tickview's Issues

使用属性动画替换不太美观的计数器

代码中每一步的动画，都几乎用了自己写的计数器协助绘制动画，代码的可读性不是很好，而且如果一旦要实现插值器的效果，很难做到，所以很有必要将原来的计数器替换成属性动画。

TickView的代码中有个小笔误

RT，下面的代码有个小笔误，其中的TickView_uncheck_base_color应该是TickView_check_tick_color的，对吧

checkTickColor = typedArray.getColor(R.styleable.TickView_uncheck_base_color, getResources().getColor(R.color.tick_white));

没法设置大小啊

通过依赖引入后，也能成功设置了。可是无法设置大小

您好，我现在正在学习自定义View正好看到您的文章，看了您的代码以后，有个问题请教。

int width = getMySize((radius + dp2px(mContext, 2.5f) * SCALE_TIMES) * 2, widthMeasureSpec);
int height = getMySize((radius + dp2px(mContext, 2.5f) * SCALE_TIMES) * 2, heightMeasureSpec);

    height = width = Math.max(width, height);

    setMeasuredDimension(width, height);

这段代码的意义是什么？我注释掉以后没有不一样所以想请教您一下。

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.

Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

TensorFlow

An Open Source Machine Learning Framework for Everyone

Django

The Web framework for perfectionists with deadlines.

Laravel

A PHP framework for web artisans

D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

web

Some thing interesting about web. New door for the world.

server

A server is a program made to process requests and deliver data to clients.

Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

Visualization

Some thing interesting about visualization, use data art

Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.

Microsoft

Open source projects and samples from Microsoft.

Google

Google ❤️ Open Source for everyone.

Alibaba

Alibaba Open Source for everyone

D3

Data-Driven Documents codes.

Tencent

China tencent open source team.

chengangfeng / tickview Goto Github PK