छैया छैया

छाया इंटरफ़ेस में दृश्य संकेत बनाते हैं, जो मानव मस्तिष्क को उपयोगकर्ता द्वारा देखे जाने वाले UI तत्व को अलग करने में मदद करता है। और, यही कारण है कि वास्तव में मोबाइल डिजाइनर अपने डिजाइनों में छाया को शामिल करने का पक्ष लेते हैं।

एपीआई

ड्रॉपशैडो वर्ग एक विन्यास योग्य छाया बनाने का साधन प्रदान करता है जिसे एक लेआउट पर लागू किया जा सकता है।

गुण

• त्रिज्या : गाऊसी कलंक की त्रिज्या छाया उत्पन्न करने के लिए प्रयोग की जाती है।
• रंग : छाया का रंग।
• ऑफसेट : इसके लेआउट के सापेक्ष छाया का ऑफसेट।
• अपारदर्शिता : छाया की अपारदर्शिता।

public class DropShadow : BindableObject
{
    public static readonly BindableProperty RadiusProperty = BindableProperty.Create(
        nameof(Radius), typeof(double), typeof(DropShadow), 10.0d);

    public double Radius
    {
        get => (double)GetValue(RadiusProperty);
        set => SetValue(RadiusProperty, value);
    }

    public static readonly BindableProperty ColorProperty = BindableProperty.Create(
        nameof(Color), typeof(Color), typeof(DropShadow), Color.Black);

    public Color Color
    {
        get => (Color)GetValue(ColorProperty);
        set => SetValue(ColorProperty, value);
    }    

    public static readonly BindableProperty OffsetProperty = BindableProperty.Create(
        nameof(Offset), typeof(Point), typeof(DropShadow), new Point(1, 1));

    public Point Offset
    {
        get => (Point)GetValue(OffsetProperty);
        set => SetValue(OffsetProperty, value);
    }

    public static readonly BindableProperty OpacityProperty = BindableProperty.Create(
        nameof(Opacity), typeof(double), typeof(DropShadow), 1.0d);

    public double Opacity
    {
        get => (double)GetValue(OpacityProperty);
        set => SetValue(OpacityProperty, value);
    }
}

परिदृश्यों

आइए सी #, एक्सएएमएल और सीएसएस का उपयोग करके एक उदाहरण देखें।

सी # उदाहरण

var layout = new Grid();

var shadow = new DropShadow ();
shadow.Radius = 12;
shadow.Color = Color.Red;
shadow.Offset = new Point (12, 18);
shadow.Opacity = 0.75d;

layout.Shadow = shadow;

एक्सएएमएल उदाहरण

<Grid>
     <Grid.Shadow>
          <DropShadow
               Radius="12"
               Color="Red"
               Offset="12, 18"
               Opacity="0.75" />
     </Grid.Shadow>
</Grid>

सीएसएस उदाहरण

box-shadow: 12px 18px 12px 12px red;

पश्च संगतता

हमारे पास पहले से ही कुछ Xamarin.Forms लेआउट में छाया है। फ़्रेम की हैशशैडो संपत्ति बहिष्कृत हो जाएगी (यह अभी भी इस्तेमाल किया जा सकता है, हालांकि छाया संपत्ति के उपयोग की सिफारिश की जाएगी)।

दायरा

इस युक्ति में, हम भिन्न Xamarin.Forms Layouts में छाया जोड़ते हैं। विशिष्ट नियंत्रण, जैसे कि लेबल, दायरे में नहीं आते (वे बाद में आ सकते हैं)।

कठिनाई: मध्यम