Jetpack Compose Timeline View

Related tags

Jetpack Compose kotlin-library custom-view jetpack-compose
Overview

Jetpack Compose Timeline View

nodeType/isDashed True False
NodeType.FIRST
NodeType.MIDDLE
NodeType.SPACER
NodeType.LAST

You can:

  • select any color
  • select and change programmatically the nodeType
  • change the size of middle circle via nodeSİze
  • override the Modifier of SingleNode
  • fill the inside of circle via isChecked
  • change the dashed state via isDashed

Example Usage:

TimelineView.SingleNode(color = Color(33, 33, 33),
			nodeType = TimelineView.NodeType.FIRST,
			nodeSize = 50f,
			modifier = Modifier.padding(horizontal = 20.dp),
			isChecked = false,
			isDashed = true)

How to add to my project:

Add it in your root build.gradle at the end of repositories:

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

Add the dependency in app.gradle:

dependencies {
	implementation 'com.github.yeocak:ComposableTimelineView:0.6'
}
You might also like...
An MVI project setup using Jetpack compose. This would be a good place to start learning Model View Intent (MVI) architecture for Android.
An MVI project setup using Jetpack compose. This would be a good place to start learning Model View Intent (MVI) architecture for Android.

Compose-MVI An MVI project setup using Jetpack compose. This would be a good place to start learning Model View Intent (MVI) architecture for Android.

null 6 Jul 28, 2022
ComposeCreditCardView - Jetpack Compose Credit Card View Library
ComposeCreditCardView - Jetpack Compose Credit Card View Library

ComposeCreditCardView Jetpack Compose Credit Card View Library Screenshots 📷  

Umut Soysal 5 Sep 19, 2022
Bonsai A batteries-included Tree View for Jetpack Compose
Bonsai A batteries-included Tree View for Jetpack Compose

Bonsai A batteries-included Tree View for Jetpack Compose Features Multiplatform: Android, Desktop State-aware: changes in the tree will trigger recom

Adriel Café 198 Jan 8, 2023
Partial port of https://github.com/davemorrissey/subsampling-scale-image-view library to Jetpack Compose.
Partial port of https://github.com/davemorrissey/subsampling-scale-image-view library to Jetpack Compose.

ComposeSubsamplingScaleImage Early preview (expect bugs) dependencies { implementation 'com.github.K1rakishou:ComposeSubsamplingScaleImage:fab4ae38c

Dmitry 13 Dec 21, 2022
An application that i developed with a aim of learning Jetpack compose and many other jetpack libraries
An application that i developed with a aim of learning Jetpack compose and many other jetpack libraries

An application that i developed with a aim of learning Jetpack compose and many other jetpack libraries, The application make use of jikan Api which displays a list of animations,there more details and even trailers of the animations.

Odhiambo Brandy 10 Nov 23, 2022
A Kotlin library to use Jetpack Compose in Android and iOS. Allow to write UI for both in Kotin. Still experimental as many compose features are not yet available.
A Kotlin library to use Jetpack Compose in Android and iOS. Allow to write UI for both in Kotin. Still experimental as many compose features are not yet available.

Multiplatform Compose A Kotlin library to use Jetpack Compose in Android and iOS. Allow to write UI for both in Kotin. Still experimental as many comp

Clément Beffa 548 Jan 7, 2023
K5-compose is a sketchy port of p5.js for Jetpack Compose
K5-compose is a sketchy port of p5.js for Jetpack Compose

k5-compose k5-compose is a sketchy port of P5.js for Jetpack Compose Desktop. This library provides you a playground to play with your sketches so you

Nikhil Chaudhari 176 Nov 22, 2022
Jetpack Compose based project, used to stress-testing compose features / integrations and explore non-trivial functionality

Project containing Jetpack Compose samples For pagination & network images it uses CATAAS. Known issues Navigation-Compose Issue with fast tapping on

Denis Rudenko 59 Dec 14, 2022
Pokedex Compose is an independent re-write of a demo application by the name of Pokedex, but written in jetpack compose.
Pokedex Compose is an independent re-write of a demo application by the name of Pokedex, but written in jetpack compose.

Pokedex Compose Pokedex Compose is an independent re-write of a similar project by the name of Pokedex. I am recreating the UI but I am doing it using

Jose Patino 4 May 1, 2022
Comments
  • [ImgBot] Optimize images

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 9% 🎉

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /forgithub/nm.png | 0.67kb | 0.44kb | 35.17% | | /forgithub/nf.png | 0.68kb | 0.44kb | 34.34% | | /forgithub/ym.png | 0.73kb | 0.50kb | 30.97% | | /forgithub/yf.png | 0.65kb | 0.47kb | 28.10% | | /forgithub/yl.png | 0.63kb | 0.47kb | 25.81% | | /forgithub/nl.png | 0.56kb | 0.44kb | 21.44% | | /forgithub/ys.png | 0.50kb | 0.42kb | 16.83% | | /forgithub/main.png | 189.69kb | 165.55kb | 12.73% | | /app/src/main/res/drawable/two.jpg | 15.10kb | 14.67kb | 2.90% | | /app/src/main/res/drawable/one.jpg | 110.62kb | 109.08kb | 1.39% | | | | | | | Total : | 319.83kb | 292.47kb | 8.55% |

    📝 docs | :octocat: repo | 🙋🏾 issues | 🏪 marketplace

    ~Imgbot - Part of Optimole family

    opened by imgbot[bot] 0
  • Unresolved reference: yeocak

    Unresolved reference: yeocak

    I added jitpack to root build.grandle:

    buildscript {
    repositories {
        google()
        mavenCentral()
        maven { url 'https://jitpack.io' }
    }
}

    And implementation 'com.github.yeocak:ComposableTimelineView:0.6':

    dependencies {
   ...
   implementation 'com.github.yeocak:ComposableTimelineView:0.6'
}

    But com.yeocak.timelineview.TimelineView.SingleNode is unresolved image

    opened by Davidnadejdin 0
Releases(0.6)
Owner
Yunus Emre OCAK
A computer science student in Turkey. Interested in mobile application development.
Yunus Emre OCAK
GitHub
Jetpack Compose Boids | Flocking Insect 🐜. bird or Fish simulation using Jetpack Compose Desktop 🚀, using Canvas API 🎨

?? ?? ?? Compose flocking Ants(boids) ?? ?? ?? Jetpack compose Boids | Flocking Insect. bird or Fish simulation using Jetpack Compose Desktop ?? , usi

Chetan Gupta 38 Sep 25, 2022
A collection of animations, compositions, UIs using Jetpack Compose. You can say Jetpack Compose cookbook or play-ground if you want!

Why Not Compose! A collection of animations, compositions, UIs using Jetpack Compose. You can say Jetpack Compose cookbook or play-ground if you want!

Md. Mahmudul Hasan Shohag 186 Jan 1, 2023
Learn Jetpack Compose for Android by Examples. Learn how to use Jetpack Compose for Android App Development. Android’s modern toolkit for building native UI.

Learn Jetpack Compose for Android by Examples. Learn how to use Jetpack Compose for Android App Development. Android’s modern toolkit for building native UI.

MindOrks 382 Jan 5, 2023
This is a sample app(For beginners - App #2) built using Jetpack Compose. It demonstrates the concept of State Hoisting in Jetpack Compose.

JetBMICalculator This is a sample app(For beginners - App #2) built using Jetpack Compose. It demonstrates the concept of State Hoisting in Jetpack Co

BHAVNA THACKER 3 Dec 31, 2022
Jetpack-Compose-Demo - Instagram Profile UI using Jetpack Compose

Jetpack-Compose-Demo Instagram Profile UI using Jetpack Compose

omar 1 Aug 11, 2022
Jetpack-compose-animations-examples - Cool animations implemented with Jetpack compose

Jetpack-compose-animations-examples This repository consists of 4 animations: St

Canopas Software 180 Jan 2, 2023
Compose-navigation - Set of utils to help with integrating Jetpack Compose and Jetpack's Navigation

Jetpack Compose Navigation Set of utils to help with integrating Jetpack Compose

Adam Kobus 5 Apr 5, 2022
Jetpack-compose-uis - A collection of some UIs using Jetpack Compose. built using Katalog

Jetpack Compose UIs This is a collection of some UIs using Jetpack Compose. It i

Mori Atsushi 3 Dec 15, 2022
A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose

Authentication A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose Scree

Felix Kariuki 5 Dec 29, 2022
🎺 Orchestra is a collection of Android custom view compatible libraries for Jetpack Compose.

Orchestra ?? Jetpack Compose compatible libraries using Balloon, ColorPickerView, PowerSpinner. Balloon Add below codes to your root build.gradle file

Jaewoong Eum 408 Jan 4, 2023