खोज…


Xamarin प्रपत्र ट्रिगर उदाहरण

Trigger एस आपके आवेदन में कुछ यूएक्स जवाबदेही जोड़ने का एक आसान तरीका है। ऐसा करने का एक आसान तरीका यह है कि एक ऐसा Trigger जोड़ा जाए जो एक Label के TextColor बदल दे, जो इस पर आधारित हो कि उसके संबंधित Entry में पाठ दर्ज किया गया है या नहीं।

इसके लिए Trigger का उपयोग करने से Label.TextColor को ग्रे से बदलने की अनुमति Label.TextColor है (जब कोई पाठ दर्ज नहीं किया जाता है) काले (जैसे ही उपयोगकर्ता पाठ में प्रवेश करता है):

कन्वर्टर (प्रत्येक कन्वर्टर को एक Instance वेरिएबल दिया जाता है जिसे बाइंडिंग में उपयोग किया जाता है ताकि क्लास का एक नया इंस्टेंस हर बार इस्तेमाल होने के बाद न बने):

/// <summary>
/// Used in a XAML trigger to return <c>true</c> or <c>false</c> based on the length of <c>value</c>.
/// </summary>
public class LengthTriggerConverter : Xamarin.Forms.IValueConverter {

    /// <summary>
    /// Used so that a new instance is not created every time this converter is used in the XAML code.
    /// </summary>
    public static LengthTriggerConverter Instance = new LengthTriggerConverter();

    /// <summary>
    /// If a `ConverterParameter` is passed in, a check to see if <c>value</c> is greater than <c>parameter</c> is made. Otherwise, a check to see if <c>value</c> is over 0 is made.
    /// </summary>
    /// <param name="value">The length of the text from an Entry/Label/etc.</param>
    /// <param name="targetType">The Type of object/control that the text/value is coming from.</param>
    /// <param name="parameter">Optional, specify what length to test against (example: for 3 Letter Name, we would choose 2, since the 3 Letter Name Entry needs to be over 2 characters), if not specified, defaults to 0.</param>
    /// <param name="culture">The current culture set in the device.</param>
    /// <returns><c>object</c>, which is a <c>bool</c> (<c>true</c> if <c>value</c> is greater than 0 (or is greater than the parameter), <c>false</c> if not).</returns>
    public object Convert(object value, System.Type targetType, object parameter, CultureInfo culture)     { return DoWork(value, parameter); }
    public object ConvertBack(object value, System.Type targetType, object parameter, CultureInfo culture) { return DoWork(value, parameter); }

    private static object DoWork(object value, object parameter) {
        int parameterInt = 0;

        if(parameter != null) { //If param was specified, convert and use it, otherwise, 0 is used

            string parameterString = (string)parameter;

            if(!string.IsNullOrEmpty(parameterString)) { int.TryParse(parameterString, out parameterInt); }
        }

        return (int)value > parameterInt;
    }
}

XAML (XAML कोड x:Name का उपयोग करता है x:Name Entry.Text संपत्ति में पता लगाने के लिए Entry का x:Name 3 वर्णों से अधिक है।)

<StackLayout>
    <Label Text="3 Letter Name">
        <Label.Triggers>
            <DataTrigger TargetType="Label"
                         Binding="{Binding Source={x:Reference NameEntry},
                                           Path=Text.Length,
                                           Converter={x:Static helpers:LengthTriggerConverter.Instance},
                                           ConverterParameter=2}"
                         Value="False">
                <Setter Property="TextColor"
                        Value="Gray"/>
            </DataTrigger>
        </Label.Triggers>
    </Label>
    <Entry x:Name="NameEntry"
           Text="{Binding MealAmount}"
           HorizontalOptions="StartAndExpand"/>
</StackLayout>

मल्टी ट्रिगर्स

मल्टीट्रेगर की अक्सर आवश्यकता नहीं होती है, लेकिन कुछ स्थितियां ऐसी होती हैं, जहां यह बहुत काम आता है। MultiTrigger ट्रिगर या DataTrigger के समान व्यवहार करता है, लेकिन इसकी कई शर्तें हैं। सेटर्स को आग लगाने के लिए सभी शर्तें सही होनी चाहिए। ये रहा एक सरल उदाहरण:

<!-- Text field needs to be initialized in order for the trigger to work at start -->
<Entry x:Name="email" Placeholder="Email" Text="" />
<Entry x:Name="phone" Placeholder="Phone" Text="" />
<Button Text="Submit">
    <Button.Triggers>
        <MultiTrigger TargetType="Button">
            <MultiTrigger.Conditions>
                <BindingCondition Binding="{Binding Source={x:Reference email}, Path=Text.Length}" Value="0" />
                <BindingCondition Binding="{Binding Source={x:Reference phone}, Path=Text.Length}" Value="0" />
            </MultiTrigger.Conditions>
            <Setter Property="IsEnabled" Value="False" />
        </MultiTrigger>
    </Button.Triggers>
</Button>

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



Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow