veneer
reactive buttons for Jetpack Compose
veneer is a library for reactive buttons. The buttons react depededing upon the roll, pitch and azimuth angle of the phone which is calculated using accelerometer and magnetic field sensor.
Installing
To download it from the jitpack, add these lines in your root build.gradle at the end of repositories:
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
And then add to the module's build.gradle
implementation 'com.github.Shivamdhuria:veneer:VERSION'"
How to use
To add a reflective button, you need to first instantiate veneer. Make sure you stop veneer as in OnStop() or onPause() as veneer relies upon data from accelerometer and magnetic field sensor.
override fun onResume() {
super.onResume()
Veneer.init(this)
}
override fun onPause() {
super.onPause()
Veneer.stop()
}
To use any veneer button just add veneer composable, as you'd add a regular button composable.
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
val scrollState = rememberScrollState()
val azimuthAngle by Veneer.azimuthAngle.collectAsState()
val pitchAngle by Veneer.pitchAngle.collectAsState()
val rollAngle by Veneer.rollAngle.collectAsState()
SurfaceTheme() {
Surface() {
Box(modifier = Modifier.fillMaxSize()) {
RadialReflectiveButton(rotationValue = rollAngle, onClick = {})
{
Icon(Icons.Outlined.Pause, contentDescription = "content description", tint = GREY600)
}
}
}
}
}
}
548 Jan 7, 2023
176 Nov 22, 2022
59 Dec 14, 2022
4 May 1, 2022
1 Mar 8, 2022
3 Jun 20, 2022
0 Jan 26, 2022
14 Dec 21, 2022
23 Aug 24, 2022
38 Sep 25, 2022
186 Jan 1, 2023
382 Jan 5, 2023
3 Dec 31, 2022
1 Aug 11, 2022
180 Jan 2, 2023
5 Apr 5, 2022
3 Dec 15, 2022
5 Dec 29, 2022
10 Nov 23, 2022