Jetpack Compose
Jetpack Compose में, यूआई स्टेट को आम तौर पर
remember
और
rememberSaveable
.
हालांकि
rememberSaveable
सभी कॉन्फ़िगरेशन बदलावों में अपने-आप स्थिति बनाए रखने की सुविधा देता है,
ये क्षमताएं, शुरुआती डेटा टाइप और लागू करने वाले ऑब्जेक्ट तक ही सीमित होती हैं
Parcelable
या
Serializable
.
Brush
जैसे कस्टम ऑब्जेक्ट के लिए, साफ़ तौर पर सीरियलाइज़ेशन और डिसीरियलाइज़ेशन करने के तरीके ज़रूरी हैं. इन ऑब्जेक्ट में, नेस्ट किए गए जटिल स्ट्रक्चर और प्रॉपर्टी शामिल हो सकती हैं. यहां पर कस्टम स्टेट सेवर
उपयोगी हो जाता है.
इसके लिए Saver
:
Brush
ऑब्जेक्ट, जैसा
दिए गए उदाहरण में इस उदाहरण का इस्तेमाल करके, brushStateSaver
के साथ दिखाया गया है
Converters
क्लास के लिए इस्तेमाल किया जा सकता है, तो
कॉन्फ़िगरेशन में बदलाव होने के बाद भी, ब्रश के ज़रूरी एट्रिब्यूट का रखरखाव
होता है.
fun brushStateSaver(converters: Converters): Saver<MutableState<Brush>, String> = Saver(
save = { state ->
converters.brushToString(state.value)
},
restore = { jsonString ->
val brush = converters.stringToBrush(jsonString)
mutableStateOf(brush)
}
)
इसके बाद, कस्टम सेगमेंट बनाने के लिए,
Saver
से
उपयोगकर्ता के चुने गए ब्रश की स्थिति को इस तरह बनाए रखें:
val converters = Converters()
val currentBrush = rememberSaveable(saver = brushStateSaver(converters)) { mutableStateOf(defaultBrush) }
स्थायी जगह
दस्तावेज़ को सेव करने, लोड करने, और संभावित रीयल-टाइम जैसी सुविधाओं को चालू करने के लिए सहयोग, स्टोर स्ट्रोक, और इससे जुड़े डेटा को सीरियल के तौर पर फ़ॉर्मैट में रखें. Ink API, मैन्युअल तरीके से सीरियलाइज़ेशन और डीसीरियलाइज़ेशन की ज़रूरत है.
स्ट्रोक को सटीक तरीके से पहले जैसा करने के लिए, उसकेBrush
और [StrokeInputBatch
] को सेव करें.
Brush
: इसमें अंक शामिल हैं फ़ील्ड (साइज़, एप्सिलॉन), रंग, औरBrushFamily
.StrokeInputBatch
: यह ज़रूरी है कि संख्या वाले फ़ील्ड वाले इनपुट पॉइंट की सूची हो.
सीरियलाइज़ेशन का बुनियादी तरीका
सीरियलाइज़ेशन ऑब्जेक्ट का ऐसा स्ट्रक्चर तय करें जो इंक लाइब्रेरी के ऑब्जेक्ट का डुप्लीकेट वर्शन बनाता हो.
Gson, Moshi, Protobuf वगैरह जैसे अपने पसंदीदा फ़्रेमवर्क का इस्तेमाल करके, सीरियलाइज़ किए गए डेटा को कोड में बदलें. साथ ही, ऑप्टिमाइज़ेशन के लिए कंप्रेसन का इस्तेमाल करें.
data class SerializedStroke(
val inputs: SerializedStrokeInputBatch,
val brush: SerializedBrush
)
data class SerializedBrush(
val size: Float,
val color: Long,
val epsilon: Float,
val stockBrush: SerializedStockBrush
)
enum class SerializedStockBrush {
MARKER_V1,
PRESSURE_PEN_V1,
HIGHLIGHTER_V1
}
data class SerializedStrokeInputBatch(
val toolType: SerializedToolType,
val strokeUnitLengthCm: Float,
val inputs: List<SerializedStrokeInput>
)
data class SerializedStrokeInput(
val x: Float,
val y: Float,
val timeMillis: Float,
val pressure: Float,
val tiltRadians: Float,
val orientationRadians: Float,
val strokeUnitLengthCm: Float
)
enum class SerializedToolType {
STYLUS,
TOUCH,
MOUSE,
UNKNOWN
}
class Converters {
private val gson: Gson = GsonBuilder().create()
companion object {
private val stockBrushToEnumValues =
mapOf(
StockBrushes.markerV1 to SerializedStockBrush.MARKER_V1,
StockBrushes.pressurePenV1 to SerializedStockBrush.PRESSURE_PEN_V1,
StockBrushes.highlighterV1 to SerializedStockBrush.HIGHLIGHTER_V1,
)
private val enumToStockBrush =
stockBrushToEnumValues.entries.associate { (key, value) -> value to key }
}
private fun serializeBrush(brush: Brush): SerializedBrush {
return SerializedBrush(
size = brush.size,
color = brush.colorLong,
epsilon = brush.epsilon,
stockBrush = stockBrushToEnumValues[brush.family] ?: SerializedStockBrush.MARKER_V1,
)
}
private fun serializeStrokeInputBatch(inputs: StrokeInputBatch): SerializedStrokeInputBatch {
val serializedInputs = mutableListOf<SerializedStrokeInput>()
val scratchInput = StrokeInput()
for (i in 0 until inputs.size) {
inputs.populate(i, scratchInput)
serializedInputs.add(
SerializedStrokeInput(
x = scratchInput.x,
y = scratchInput.y,
timeMillis = scratchInput.elapsedTimeMillis.toFloat(),
pressure = scratchInput.pressure,
tiltRadians = scratchInput.tiltRadians,
orientationRadians = scratchInput.orientationRadians,
strokeUnitLengthCm = scratchInput.strokeUnitLengthCm,
)
)
}
val toolType =
when (inputs.getToolType()) {
InputToolType.STYLUS -> SerializedToolType.STYLUS
InputToolType.TOUCH -> SerializedToolType.TOUCH
InputToolType.MOUSE -> SerializedToolType.MOUSE
else -> SerializedToolType.UNKNOWN
}
return SerializedStrokeInputBatch(
toolType = toolType,
strokeUnitLengthCm = inputs.getStrokeUnitLengthCm(),
inputs = serializedInputs,
)
}
private fun deserializeStroke(serializedStroke: SerializedStroke): Stroke? {
val inputs = deserializeStrokeInputBatch(serializedStroke.inputs) ?: return null
val brush = deserializeBrush(serializedStroke.brush) ?: return null
return Stroke(brush = brush, inputs = inputs)
}
private fun deserializeBrush(serializedBrush: SerializedBrush): Brush {
val stockBrushFamily = enumToStockBrush[serializedBrush.stockBrush] ?: StockBrushes.markerV1
return Brush.createWithColorLong(
family = stockBrushFamily,
colorLong = serializedBrush.color,
size = serializedBrush.size,
epsilon = serializedBrush.epsilon,
)
}
private fun deserializeStrokeInputBatch(
serializedBatch: SerializedStrokeInputBatch
): StrokeInputBatch {
val toolType =
when (serializedBatch.toolType) {
SerializedToolType.STYLUS -> InputToolType.STYLUS
SerializedToolType.TOUCH -> InputToolType.TOUCH
SerializedToolType.MOUSE -> InputToolType.MOUSE
else -> InputToolType.UNKNOWN
}
val batch = MutableStrokeInputBatch()
serializedBatch.inputs.forEach { input ->
batch.addOrThrow(
type = toolType,
x = input.x,
y = input.y,
elapsedTimeMillis = input.timeMillis.toLong(),
pressure = input.pressure,
tiltRadians = input.tiltRadians,
orientationRadians = input.orientationRadians,
)
}
return batch
}
fun serializeStrokeToEntity(stroke: Stroke): StrokeEntity {
val serializedBrush = serializeBrush(stroke.brush)
val serializedInputs = serializeStrokeInputBatch(stroke.inputs)
return StrokeEntity(
brushSize = serializedBrush.size,
brushColor = serializedBrush.color,
brushEpsilon = serializedBrush.epsilon,
stockBrush = serializedBrush.stockBrush,
strokeInputs = gson.toJson(serializedInputs),
)
}
fun deserializeEntityToStroke(entity: StrokeEntity): Stroke {
val serializedBrush =
SerializedBrush(
size = entity.brushSize,
color = entity.brushColor,
epsilon = entity.brushEpsilon,
stockBrush = entity.stockBrush,
)
val serializedInputs =
gson.fromJson(entity.strokeInputs, SerializedStrokeInputBatch::class.java)
val brush = deserializeBrush(serializedBrush)
val inputs = deserializeStrokeInputBatch(serializedInputs)
return Stroke(brush = brush, inputs = inputs)
}
fun brushToString(brush: Brush): String {
val serializedBrush = serializeBrush(brush)
return gson.toJson(serializedBrush)
}
fun stringToBrush(jsonString: String): Brush {
val serializedBrush = gson.fromJson(jsonString, SerializedBrush::class.java)
return deserializeBrush(serializedBrush)
}
}