В чем разница между snapshotFlow, derivedStateOf, remember и rememberSavable?

В чем разница между px, dp и sp?

px, dp и sp — это единицы измерения в Android для размеров элементов и шрифтов. Они имеют разное назначение и влияют на то, как приложение выглядит на разных устройствах.

px (пиксели)

px — это абсолютный пиксель на экране. Один px всегда равен одному пикселю независимо от плотности экрана.

<TextView
    android:layout_width="100px"
    android:layout_height="50px"
    android:text="100px" />

Проблемы:

• На устройствах с высокой плотностью выглядит очень маленьким
• На устройствах с низкой плотностью выглядит огромным
• Не масштабируется

Используется: НИКОГДА (только в специальных случаях)

dp (density-independent pixels)

dp — это абстрактные пиксели, которые масштабируются в зависимости от плотности экрана. Это рекомендуемая единица для размеров элементов UI.

<TextView
    android:layout_width="100dp"
    android:layout_height="50dp"
    android:text="100dp" />

Как работает:

• 1 dp = 1 px на экране с плотностью 160 dpi (базовая плотность)
• На экране с 320 dpi: 1 dp = 2 px
• На экране с 80 dpi: 1 dp = 0.5 px

Используется: ДЛЯ РАЗМЕРОВ ЭЛЕМЕНТОВ (width, height, padding, margin)

sp (scale-independent pixels)

sp похож на dp, но дополнительно масштабируется в зависимости от размера шрифта, установленного пользователем в системных настройках.

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textSize="18sp"
    android:text="18sp text" />

Как работает:

• Масштабируется как dp
• ПЛЮС масштабируется по размеру шрифта системы
• Если пользователь увеличит размер шрифта, текст станет больше

Используется: ТОЛЬКО ДЛЯ РАЗМЕРА ТЕКСТА (textSize)

Сравнение

Практические примеры

<!-- Правильно -->
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp">

    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:scaleType="centerCrop" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="16sp"
        android:text="Заголовок" />

</LinearLayout>

<!-- Неправильно (не использовать px) -->
<View
    android:layout_width="100px"
    android:layout_height="50px" />

Material Design размеры

<!-- Material Design спецификация -->
<Button
    android:layout_width="48dp"
    android:layout_height="48dp"
    android:textSize="14sp" />

<!-- Отступы в Material Design -->
<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="16dp"
    android:textSize="16sp" />

Плотности экранов

• 120 dpi — ldpi (Low): 0.75x
• 160 dpi — mdpi (Medium): 1x (базовая)
• 240 dpi — hdpi (High): 1.5x
• 320 dpi — xhdpi (Extra High): 2x
• 480 dpi — xxhdpi (Extra Extra High): 3x
• 640 dpi — xxxhdpi: 4x

Практический пример вычисления

// На экране с 320 dpi (xxhdpi):
// 1 dp = 2 px

val dpValue = 100  // 100 dp
val pxValue = dpValue * 2  // = 200 px на xxhdpi

// На экране с 160 dpi (mdpi):
// 1 dp = 1 px
val pxValue2 = dpValue * 1  // = 100 px на mdpi

Правила

1. Для всех размеров UI → используй dp
2. Для размера текста → используй sp (НЕ dp!)
3. Для отступов и полей → используй dp
4. Никогда не используй px (разве что очень специальные случаи)

В Compose (современный подход)

@Composable
fun MyScreen() {
    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp)  // dp в Compose
    ) {
        Text(
            text = "Hello World",
            fontSize = 18.sp  // sp для текста
        )
    }
}

Ответ: px — абсолютный размер (не использовать), dp — масштабируется по плотности экрана (для размеров UI), sp — масштабируется по плотности и системному размеру шрифта (для текста).