المكوّنات
عناصر تحكم جاهزة، لبِناتها موصولة سلفاً.
كل مكوّن عدسةٌ لها أسلوب واستجابة لمس، ومعها عارض مركَّب سلفاً حيث تحتاجه. وتأخذ جميعها مفردات LiquidGlassStyle نفسها، فيمكن منح المكوّن والعدسة المبنية يدوياً المظهر نفسه.
صفحة لكل واحد#
المزلاج
زجاج مكتفٍ بذاته، والنداء الذي ينبغي أن تحفظ عنده.
المفتاح
مفتاح يصير مقبضه زجاجاً تحت إبهامك.
الزر
عدسة على هيئة زر، بضغطةٍ تستجيب.
زر الإجراء العائم
الدائري، والممتد.
الشريط العلوي
كبسولة عائمة وصفحتك تجري تحتها.
شريط التبويبات
تبويبات في كبسولة زجاجية واحدة، بلا حاجة إلى هيكل.
الهيكل
الصفحة التي تلتقط نفسها.
الحركة
نموذج الزجاج المتحرك تحت المقبض والحبة، وحده.
القابل للسحب
توصيل سحب لن تكتبه مرة أخرى.
الأوراق
السطح الزجاجي الذي تسحبه لأعلى.
الحوارات
تنبيه على زجاج، والعارض الذي يُدخله بحركة.
التحوّل
زجاج يقيس ابنه وينساب إلى الحجم الجديد.
ما يحتاجه كل واحد#
على Impeller يكسر كل شيء الخلفية الحية ويعمل في أي مكان بلا إعداد. ويظهر الفرق على Skia: بعضها يكسر محتوى تطبيقك فيحتاج عارضاً أباً، وبعضها يوفّر خلفيته بنفسه فيعمل في أي مكان على المحركين.
| المكوّن | ما يلزمه على Skia |
|---|---|
LiquidGlassSlider | لا شيء. مكتفٍ بذاته — يملك خلفيته ويكسر مساره الخاص. |
LiquidGlassSwitch | لا شيء. مكتفٍ بذاته، مثل المزلاج. |
LiquidGlassScaffold | لا شيء. فهو نفسه خط الرسم — أشرطته وعدساته تكسر الجسم على المحركين. |
LiquidGlassButton, LiquidGlassFab | LiquidGlassView أب، وبدونه يتراجع إلى المصنفر. |
LiquidGlassAppBar | LiquidGlassView |
LiquidGlassTabBar | LiquidGlassView أب — أو LiquidGlassScaffold، وهو ما يمدّه بصفحة حين يطفو شريطاً سفلياً. ولشريط مستقل على Impeller استخدم .withImpeller(...). |
LiquidGlassSheet, LiquidGlassDialog | LiquidGlassView أب — اعرضه من سياق داخل العارض فيحمل المسار نطاقَ الزجاج عبره بنفسه. |
LiquidGlassMorph | LiquidGlassView أب — فهو خالط في جوهره، وتنطبق قاعدة الانصهار كما هي. |
LiquidGlassMotionPill, LiquidGlassDraggable | ما تحتاجه العدسة أو المحتوى الذي يلفّانه. |
مفردات واحدة#
يأخذ كل مكوّن style: من LiquidGlassStyle نفسه الذي تستخدمه العدسة المبنية يدوياً، والذي تضغطه منها يأخذ touch:. فالمظهر المكتوب مرة ينتقل عبرها كلها — وعبر عدساتك أنت — كقيمة واحدة.
التعليقات
التعليقات هي مناقشات GitHub — يمكنك الرد من أيٍّ من المكانين.