csp - A Composable Scalable Size Unit for Texts
An android lib that provides a new size unit - csp (compose sp). This size unit scales with the screen size for Jetpack Compose Structure. It can help Android developers with supporting multiple screens for Compose structure.
This is the sibling of the cdp size unit that should be used for non text views.
Attention
Use it carefully! for example, in most cases you still need to design a different layout for tablets.
Example
Here is a single layout built using csp:
And Here is the same layout built using sp:
You can see that csp scales with the screen size and the sp stays with the same size on all screen sizes.
Getting Started
To add csp to your project (Using Android Studio and Gradle):
Step 1. Add it in your root build.gradle at the end of repositories:
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
Step 2. Add the dependency
dependencies {
implementation 'com.github.mbpatel6245:csp:ReleaseVersion'
}
Step 3. Provide type to your composable theme
ProvideFontDimens(dimensions = getFontDimensType()) {
MaterialTheme(
...
)
}
Step 4. Use on Widget
Spacer(modifier = Modifier.height(CSP.dimens._15csp))
Note
The csp size unit calculation includes some approximation due to some performance and usability constraints.
1k Dec 31, 2022
273 Nov 21, 2022
19.1k Jan 2, 2023
3 Feb 18, 2022
22 Aug 20, 2022
4 Jun 15, 2022
176 Jan 3, 2023
354 Nov 28, 2022
1.3k Dec 16, 2022
16 Jun 28, 2018
899 Jan 2, 2023
311 Nov 23, 2022
300 Aug 29, 2021
913 Dec 28, 2022
660 Dec 20, 2022
970 Jan 6, 2023
2 Jan 13, 2022
1 Feb 26, 2022
_google-pixel4xl-clearlywhite-portrait.jpg){kind=tracking}
11 Dec 23, 2022
5 Oct 7, 2022
462 Nov 14, 2022
5 Oct 20, 2022
19 Jan 6, 2022
420 Nov 19, 2022
428 Nov 25, 2022
2 Oct 11, 2021
172 Dec 26, 2022
43 Dec 29, 2022