الظل

ظلّ التماس الذي يُجلس الزجاج في الصفحة.

الزجاج بلا ظلّ يطفو مسطّحاً على الصفحة. وLiquidGlassShadow هو الشريط الداكن الناعم الذي يعانق الحافة ويتجمّع تحتها، فيُقرأ السطح جالساً في الصفحة لا ملصقاً عليها. وكل مكوّن يأتي بمظهر مضبوط يرتديه أصلاً.

أين يوضع#

في الغالب الأعمّ على الأسلوب، بوصفه appearance.shadow — فتلفّ العدسة نفسها به، بنصف قطر زواياها وبتمدّدها الحيّ، ويأخذ visibility: false الظلَّ مع الزجاج:

LiquidGlassLens(
  style: const LiquidGlassStyle(
    appearance: LiquidGlassAppearance(
      shadow: LiquidGlassShadow(blur: 3.5, opacity: 0.2),
    ),
  ),
  child: myContent,
)

وهو أيضاً عنصر عادي، وبوصفه عنصراً فهو أب للزجاج، لا ابن له أبداً:

LiquidGlassShadow(
  child: LiquidGlassLens(style: myStyle, child: myContent),
)

كيف يُصنع الشكل#

يُلقي الظلَّ حلقةٌ، لا السطح نفسه: كبسولة خارجية مدفوعة إلى الخارج ناقص كبسولة داخلية مسحوبة إلى الداخل، فلا يُلقي شيئاً إلا شريطٌ يمتطي الحافة ويبقى الوسط صافياً. ثم تُزاح تلك الحلقة إلى الأسفل بمقدار offset (وهو blur + 2 افتراضياً) وتُضبّب — فيحطّ القوس العلوي داخل الحافة العليا مباشرة، ويحطّ السفلي تحت السطح كله. حلقة واحدة تعطي تماس الحافة والسقوط تحتها معاً. وهو يركّب بـBlendMode.multiply، فيُعتّم ما تحته بدل أن يفرش رماديّاً مسطحاً فوقه.