UI 学习之第三方时间轴

最新推荐文章于 2024-07-26 03:34:26 发布

江南一舟110

最新推荐文章于 2024-07-26 03:34:26 发布

阅读量1.2k

点赞数

分类专栏：第三方开源框架学习文章标签：时间轴

本文链接：https://blog.csdn.net/qq_30519365/article/details/52871436

版权

第三方开源框架学习专栏收录该内容

20 篇文章 0 订阅

订阅专栏

https://github.com/alorma/TimelineView

TimelineView

This library provide android View to add Timeline to your application.

Download

Via gradle:

dependencies {
    compile 'com.github.alorma:timelineview:2.3.0'
}

Usage

Add View to your layout

<Layout 
    xmlns:app="http://schemas.android.com/apk/res-auto">
...
<com.alorma.timeline.RoundTimelineView
    android:id="@+id/timeline1"
    android:layout_width="?android:listPreferredItemHeight"
    android:layout_height="?android:listPreferredItemHeight"
    app:timeline_indicatorSize="20dp"
    app:timeline_lineStyle="linear"
    app:timeline_type="middle"/>
...
</Layout>

<Layout 
    xmlns:app="http://schemas.android.com/apk/res-auto">
...
<com.alorma.timeline.SquareTimelineView
    android:id="@+id/timeline1"
    android:layout_width="?android:listPreferredItemHeight"
    android:layout_height="?android:listPreferredItemHeight"
    app:timeline_indicatorSize="20dp"
    app:timeline_lineStyle="linear"
    app:timeline_type="middle"/>
...
</Layout>

Custom attributes

Line

Attr name	Attr format	Example
timeline_lineWidth	dimension	20dp
timeline_lineColor	color	@color/red / #FF0000
timeline_lineStyle	enum	dashed / linear
timeline_type	enum	hidden / start / middle / line / end

Indicator

Attr name	Attr format	Example
timeline_indicatorSize	dimension	20dp
timeline_indicatorColor	color	@color/red / #FF0000
timeline_alignment	enum	start / middle / end
timeline_drawInternal	boolean	true / false
timeline_internalColor	color	@color/red / #FF0000
timeline_internalDrawable	reference	@drawable / @color
timeline_internalPadding	dimension	20dp

Advanced - Custom shape

If you want to create a new shape for indicator (like a diamond), you can! Just extends TimelineView and implement the following methods:

protected abstract void drawIndicator(Canvas canvas, Paint paintStart, float centerX,
    float centerY, float size);
protected abstract void drawInternal(Canvas canvas, Paint paintInternal, float centerX,
    float centerY, float size);
protected abstract void drawBitmap(Canvas canvas, float left, float top, int size);