Liquid Glass Easy

الهيكل

الصفحة التي تلتقط نفسها.

LiquidGlassScaffold هو خط الرسم بمنافذ موصولة سلفاً. يلتقط body الخاص به ويسلّمه لكل ما يطفو فوقه، فتكسر الأشرطة والعدسات صفحتك على المحركين — والويب منهما، حيث لا يستطيع غيره ذلك.

Dart
LiquidGlassScaffold(
  body: IndexedStack(
    index: index,
    children: const [HomeTab(), BrowseTab(), SavedTab(), YouTab()],
  ),
  appBar: const LiquidGlassAppBar(title: Text('Library')),
  bottomNavigationBar: LiquidGlassTabBar(
    items: items,
    selectedIndex: index,
    onChanged: (i) => setState(() => index = i),
  ),
)
المنفذ / المقبضما يوضع فيه
bodyصفحتك. وهذا ما يُلتقط ويُكسر.
appBarLiquidGlassAppBar يطفو فوق الجسم.
bottomNavigationBarالشريط، يطفو فوق الأسفل.
bottomNavigationBarActionإجراء لاحق بجانب الشريط — زر إنشاء أو تسجيل.
floatingActionButtonLiquidGlassFab، يوضع بـ floatingActionButtonAlignment ويُبقى بعيداً عن الشريط السفلي بـ floatingActionButtonClearance.
dialogحوار يُعرض كجزء من الهيكل لا كمسار — بلون حاجب ونداء إغلاق وانتقال خاصة به.
lensesعدسات حرة تطفو فوق الجسم.
adaptivityيقود كل عنصر من عناصر الواجهة بحكم خلفية واحد — انظر التكيّف.
batchtrue افتراضياً: تتشارك عناصر الواجهة قراءة خلفية واحدة — انظر الدفعة. والورقة أو الحوار المعروض من الداخل لا ينضم إليها إلا بـbatch: true في استدعائه.
realTimeCapture, pixelRatio, useSync, refreshRateمقابض الالتقاط نفسها التي يأخذها LiquidGlassView، وللأسباب نفسها.

التعليقات

التعليقات هي مناقشات GitHub — يمكنك الرد من أيٍّ من المكانين.