AutoSizeTable

Jetpack Compose library to easily create tables with each item resized。

Warning

Poor performance

▪ Sample

4b013745-a04e-42d6-9cb1-1286716ef1ee.mp4

AutoSizeTable/app/src/main/java/ksnd/autosizetable/SampleScreen.kt

Lines 31 to 120 in dc28402

	@Composable
	fun SampleScreen() {
	val colorScheme = MaterialTheme.colorScheme
	var typeIndex by remember { mutableIntStateOf(0) }
	var numMailRowIcons by remember { mutableIntStateOf(1) }
	var numMailColumnIcons by remember { mutableIntStateOf(1) }
	// fixedTopSize to fixedStartSize (Row to Column)
	val type = listOf(
	1 to 1,
	1 to 0,
	0 to 1,
	0 to 0,
	1 to 2,
	2 to 2,
	)
	Surface(
	color = MaterialTheme.colorScheme.background,
	) {
	Column {
	Row(modifier = Modifier.horizontalScroll(rememberScrollState())) {
	Button(
	onClick = { typeIndex = (typeIndex + 1) % type.size },
	modifier = Modifier.padding(start = 8.dp, top = 8.dp),
	) {
	Text("Switch fixed size")
	}
	Button(
	onClick = { numMailRowIcons = (numMailRowIcons) % MAX_NUM_OF_MAIL_ICONS + 1 },
	modifier = Modifier.padding(start = 8.dp, top = 8.dp),
	) {
	Text("Switch num of row mail icons")
	}
	Button(
	onClick = { numMailColumnIcons = (numMailColumnIcons) % MAX_NUM_OF_MAIL_ICONS + 1 },
	modifier = Modifier.padding(start = 8.dp, top = 8.dp, end = 8.dp),
	) {
	Text("Switch num of column mail icons")
	}
	}
	AutoSizeTable(
	modifier = Modifier.padding(all = 8.dp),
	outlineColor = colorScheme.outline,
	content = List(NUM_OF_ITEMS_IN_EACH_ROW) { rowIndex ->
	List(NUM_OF_ITEMS_IN_EACH_COLUMN) { columnIndex ->
	{
	if (columnIndex == 0 && rowIndex % 2 == 1) {
	Column {
	repeat(numMailColumnIcons) {
	Row {
	repeat(numMailRowIcons) {
	Icon(
	imageVector = Icons.Default.MailOutline,
	contentDescription = null,
	modifier = Modifier
	.padding(4.dp)
	.size(48.dp),
	)
	}
	}
	}
	}
	} else {
	Text(
	text = "column: $columnIndex\nrow: $rowIndex",
	modifier = Modifier.padding(8.dp),
	)
	}
	}
	}
	},
	backgroundColor = { rowIndex, columnIndex ->
	when {
	rowIndex in 0..<type[typeIndex].first -> colorScheme.primaryContainer
	columnIndex in 0..<type[typeIndex].second -> colorScheme.tertiaryContainer
	rowIndex % 2 == 0 -> colorScheme.surface
	else -> colorScheme.inverseOnSurface
	}
	},
	contentAlignment = { _, _ -> Alignment.Center },
	fixedTopSize = type[typeIndex].first,
	fixedStartSize = type[typeIndex].second,
	)
	}
	}
	}

▪ How to setup

Step 1. Add the JitPack repository to your build file

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

dependencyResolutionManagement {
  repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
  repositories {
    mavenCentral()
    maven { url = uri("https://jitpack.io") }
  }
}

Step 2. Add the dependency

See release page for <version>

dependencies {
  implementation("com.github.kosenda:AutoSizeTable:<version>")
}

Star History