📷 📑 👩🏼‍🔬 उपयोगकर्ता इंटरफ़ेस को पुनर्जीवित करना 🤾🏼 😗 🍄

आवेदन प्रतिक्रिया नहीं करता है!

WPF अनुप्रयोगों को प्रोग्राम करने वालों में से कई ने शायद हजारों बार व्यू व्यू का निर्माण किया है:

{ बाइंडिंग आइटम }

यदि आइटम संग्रह से आइटम प्राप्त करना मुख्य एप्लिकेशन थ्रेड में किया जाता है और कुछ समय लगता है, तो हमें "मृत" उपयोगकर्ता इंटरफ़ेस मिलता है। एप्लिकेशन कुछ समय के लिए राज्य परिवर्तन नहीं करेगा और उपयोगकर्ता इनपुट का जवाब नहीं देगा। और अगर प्रसंस्करण समय विंडोज विंडो सिस्टम में परिभाषित एक निश्चित समय सीमा से अधिक हो जाता है, तो सिस्टम इस विंडो को जवाब नहीं देने के रूप में चिह्नित करेगा: अंतिम सफल विंडो रेंडरिंग की छवि पर एक सफेद मुखौटा लगाया जाएगा और एक विशेष मार्कर (जवाब नहीं) ( (कोई जवाब नहीं)) रूसी स्थानीयकरण ):

हाँ, आपने स्वयं भी शायद एक ही चित्र को कई बार देखा होगा जब कुछ अनुप्रयोग "स्वयं में चला जाता है" एक विफलता या तुल्यकालिक ऑपरेशन के परिणामस्वरूप। और, ज़ाहिर है, आप जानते हैं कि उपयोगकर्ता कितना परेशान है। अधिकांश ~~हिस्टीरिया से लड़ेंगे, मॉनिटर पर कीबोर्ड को~~ तोड़ेंगे, स्क्रीन को अपूर्णता से देखेंगे, यह समझने की कोशिश करेंगे कि कार्यक्रम के साथ क्या हो रहा है। अधिक "उन्नत" उपयोगकर्ता, लंबे ऑपरेशन के अंत की प्रतीक्षा किए बिना, कार्य प्रबंधक का उपयोग करके "अपराधी" विंडो को बंद कर देंगे।

समाधान # 1: अतुल्यकालिक ObjectDataProvider

समाधान उन लोगों के लिए बहुत सरल और आदर्श है जो अपने मौजूदा प्रोजेक्ट में डेटा स्रोत के रूप में ObjectDataProvider का उपयोग करते हैं।

चरण # 1: हम एक साधारण स्थैतिक डेटा प्रदाता को लागू करते हैं

एक प्रदाता एक विधि के साथ एक नियमित स्थिर वर्ग है:

// Emulates a long items getting process using some delay of getting of each item public static class AsyncDataProvider { private const int _DefaultDelayTime = 300 ; public static ReadOnlyCollection < string > GetItems ( ) { return GetItems ( _DefaultDelayTime ) ; } public static ReadOnlyCollection < string > GetItems ( int delayTime ) { List < string > items = new List < string > ( ) ; foreach ( string item in Enum . GetNames ( typeof ( AttributeTargets ) ) . OrderBy ( item => item. ToLower ( ) ) ) { items. Add ( item ) ; // Syntetic delay to emulate a long items getting process Thread. Sleep ( delayTime ) ; } return items. AsReadOnly ( ) ; } }

चरण # 2: XAML में एक अतुल्यकालिक डेटा स्रोत घोषित करें

<Window.Resources > <ObjectDataProvider x:Key = "AsyncDataSource" IsAsynchronous = "True" ObjectType = "Providers:AsyncDataProvider" MethodName = "GetItems" /> <Converters:NullToBooleanConverter x:Key = "NullToBooleanConverter" /> </Window.Resources >

NullToBooleanConverter कनवर्टर सिर्फ एक सहायक वस्तु है, जिसका उद्देश्य नाम में पढ़ा जा सकता है ( इसका क्रियान्वयन विषय से जुड़ी परियोजना में पाया जा सकता है )। सभी जादू इस ObjectDataProvider के IsAsynchronous = "True" विशेषता में है। यह विशेषता डेटा प्राप्त करने की विधि को नियंत्रित करने के लिए ज़िम्मेदार है - यदि यह विशेषता "ट्रू" पर सेट है , तो WPF कोर इस संपत्ति के मूल्य को प्राप्त करने के लिए एक डिस्पैचर बैकग्राउंड ऑब्जेक्ट बनाएगा और इस प्रकार, बंधन को बैकग्राउंड थ्रेड में प्रदर्शित किया जाएगा, उपयोगकर्ता इनपुट को संसाधित करने के लिए मुख्य एप्लिकेशन थ्रेड के साथ हस्तक्षेप किए बिना।

चरण # 3: कोड में डेटा प्रदाता का उपयोग करें

<ListBox x:Name = "ItemsListBox" ItemsSource = "{Binding Source={StaticResource AsyncDataSource}, IsAsync=True}" > <ListBox.Style > <Style TargetType = "{x:Type ListBox}" > <Style.Triggers > <Trigger Property = "ItemsSource" Value = "{x:Null}" > <Setter Property = "Template" Value = "{StaticResource WaitControlTemplate}" /> </Trigger > </Style.Triggers > </Style > </ListBox.Style > </ListBox >

कृपया ध्यान दें - सूची के लिए एक ट्रिगर का उपयोग किया जाता है, जो आपको उपयोगकर्ता के लिए डेटा प्राप्त करने की प्रक्रिया की कल्पना करने की अनुमति देता है। यह बहुत महत्वपूर्ण है - यदि आप उपयोगकर्ता को कुछ लंबे ऑपरेशन के बारे में सूचित नहीं करते हैं, तो वह सोचेंगे कि आवेदन बस काम नहीं करता है, क्योंकि सूची पर कोई कार्रवाई उपलब्ध नहीं होगी ( यदि उनके राज्यों को सही ढंग से संसाधित किया जाता है, निश्चित रूप से, बाद में उस पर अधिक )।

चरण # 4: कार्रवाई की उपलब्धता को संभालने के लिए मत भूलना

<Button Grid.Column = "1" Content = "Edit" Width = "70" IsEnabled = "{Binding SelectedItem, ElementName=ItemsListBox, Converter={StaticResource NullToBooleanConverter}}" Click = "EditButton_Click" /> 

चरण # 5: कार्रवाई में

हमारे सभी परिवर्तनों के साथ स्टार्टअप के बाद मुख्य विंडो कैसी दिखती है:

अतुल्यकालिक वस्तुओं को कार्रवाई में लोड करना

और यह डेटा प्राप्त होने के बाद कैसा दिखता है:

अतुल्यकालिक आइटम लोडिंग पूरी हुई

संपादित करें बटन एक साधारण कनवर्टर के माध्यम से चयनित तत्व से जुड़ा हुआ है। यदि चयनित आइटम ItemListBox की मुख्य सूची में नहीं है , तो बटन अनुपलब्ध होगा। और अतुल्यकालिक डेटा प्रदाता AsyncDataSource द्वारा तत्वों के साथ सूची भरने के बाद ही किसी तत्व का चयन करना संभव होगा। क्लोज़ बटन को एप्लिकेशन को नियंत्रित करने की क्षमता की कल्पना करने के लिए जोड़ा जाता है - डेटा प्राप्त करने और मुख्य विंडो को बंद करने की प्रक्रिया के दौरान कुछ भी आपको इस पर क्लिक करने से रोकता है। उसी समय, एप्लिकेशन हमारे अनुरोध और पास का सही उत्तर देगा, जो हमारे डेटा स्रोत के समकालिक होने पर नहीं हुआ होगा।

समाधान # 2 अतुल्यकालिक बंधन

इस समस्या का दूसरा समाधान MV-VM (मॉडल-व्यू-व्यूमॉडल) पैटर्न का उपयोग करता है, जो शायद WPF और सिल्वरलाइट के लिए सबसे लोकप्रिय मॉड्यूलर एप्लिकेशन बिल्डिंग पैटर्न में से एक है। इस पैटर्न की चर्चा इस लेख के दायरे से परे है - यदि आप चाहें, तो आप नेटवर्क पर इसके बारे में बहुत सारी जानकारी आसानी से पा सकते हैं ( यदि आप इसे देखने के लिए बहुत आलसी हैं, तो लेख के अंत में लिंक अनुभाग देखें )।

चरण # 1:

मुख्य एप्लिकेशन विंडो के लिए एक दृश्य मॉडल बनाएं:

public class MainViewModel { private ICommand _commandClose ; private ICommand _commandEdit ; private ReadOnlyCollection < string > _items ; public ReadOnlyCollection < string > Items { get { if ( _items == null ) { _items = AsyncDataProvider. GetItems ( ) ; } return _items ; } } public ICommand CommandClose { get { if ( _commandClose == null ) { _commandClose = new RelayCommand ( p => OnClose ( ) ) ; } return _commandClose ; } } public ICommand CommandEdit { get { if ( _commandEdit == null ) { _commandEdit = new RelayCommand ( p => OnEdit ( p ) , p => CanEdit ) ; } return _commandEdit ; } } public string SelectedItem { get ; set ; } private void OnClose ( ) { App. Current . Shutdown ( ) ; } private void OnEdit ( object parameter ) { MessageBox. Show ( String . Format ( "Edtiting item: {0}" , parameter != null ? parameter. ToString ( ) : "Not selected" ) ) ; } private bool CanEdit { get { return SelectedItem != null ; } } }

चरण # 2: मुख्य रूप से XAML कोड में बाध्यकारी घोषणा को संशोधित करें

<ListBox x:Name = "ItemsListBox" Grid.Row = "0" ItemsSource = "{Binding Items, IsAsync=True}" SelectedItem = "{Binding SelectedItem}" > <ListBox.Style > <Style TargetType = "{x:Type ListBox}" > <Style.Triggers > <Trigger Property = "ItemsSource" Value = "{x:Null}" > <Setter Property = "Template" Value = "{StaticResource WaitControlTemplate}" /> </Trigger > </Style.Triggers > </Style > </ListBox.Style > </ListBox >

इस परिदृश्य में, बाइंडिंग मार्कअप में निर्दिष्ट विशेषता अतुल्यकालिक के लिए ज़िम्मेदार है: "{बाइंडिंग आइटम, इस्सुसिंक्स = 1" । ObjectDataProvider के साथ उदाहरण में , WPF कोर एक अलग अतुल्यकालिक संदर्भ में बाध्यकारी मूल्य प्राप्त करने के लिए एक अलग पृष्ठभूमि डिस्पैचर बनाएगा।

अलग-अलग, यह ध्यान देने योग्य है कि इस परिदृश्य में हमें मुख्य विंडो दृश्य के XAML कोड में नियंत्रण की दृश्यता के लिए नियमों को कोडिंग का सहारा लेने की आवश्यकता नहीं है। उपरोक्त दृश्य मॉडल कोड में, MainViewModel.CanEdit संपत्ति, जो MainViewModel.CommandEdit कमांड का हिस्सा है, प्रपत्र पर संपादन बटन की दृश्यता के लिए जिम्मेदार है। आप लिंक अनुभाग को देखकर कमांड पैटर्न के बारे में अधिक जान सकते हैं। यहां केवल यह ध्यान देना उचित होगा कि हमें मैन्युअल रूप से कुछ भी करने की ज़रूरत नहीं है - कमांडमैन क्लास सब कुछ का ख्याल रखेगा। हमें जो कुछ भी आवश्यक है वह ICommand अनुबंध का सही कार्यान्वयन है, जो RelayCommand वर्ग प्रदान करता है (आप संलग्न परियोजना में इस वर्ग के कार्यान्वयन के साथ खुद को परिचित कर सकते हैं)।

घर का पाठ

वसीयत में प्रदर्शन किया - मैंने चेक नहीं किया, यहां तक कि पूछें नहीं :) आप सभी नियमों द्वारा पूर्ण-नियंत्रण बनाना चाहते हैं, तो आप इसे वाट्सएप कंट्रोल को सीमा बॉर्डर वर्ग या इसके पूर्वज डेकोरेटर से पूर्ण नियंत्रण में बदलकर थोड़ा बेहतर कर सकते हैं। इस तत्व का व्यवहार और तर्क सरल होगा:

एक तत्व के अंदर, आप केवल ItemControl या इसके किसी वंशज ( ListBox, ListView, TreeView आदि ) को जोड़ सकते हैं - यह सबसे कठोर स्तर पर इसे नियंत्रित करने के लिए वांछनीय है, एक अपवाद फेंकने के लिए यदि सामग्री संपत्ति एक ItemControl नहीं है
जब कन्टैंट प्रॉपर्टी बदली जाती है, तो कंटेंट, कंटेंट को कंट्रॉल में डालने की कोशिश करता है और आइटम्स सोर्स सोर्स की डेटा बाइंडिंग वैल्यू प्राप्त करता है
यदि पिछला चरण सफल था - बाध्यकारी को अतुल्यकालिक मोड में डालें
नियंत्रण का दृश्य आंशिक रूप से प्रॉक्सी पैटर्न के तर्क पर आधारित हो सकता है - जबकि नियंत्रण एसिंक्रोनस रूप से डेटा लोड कर रहा है, नियंत्रण अपनी सामग्री (एक कताई लोडिंग संकेतक और प्रतीक्षा करने के लिए पूछ रहा एक शिलालेख) दिखाता है, लोडिंग के पूरा होने के बाद, सामग्री संपत्ति की सामग्री प्रदर्शित होती है।

सारांश

डेवलपर्स के मुख्य ग्राहक उपयोगकर्ता हैं। और यह प्रत्येक डेवलपर के लिए समय-समय पर खुद को एक साधारण उपयोगकर्ता के स्थान पर रखने के लिए उपयोगी होता है, अपने आवेदन का परीक्षण करने का एक पूरा चक्र का संचालन करता है और विश्लेषण करने की कोशिश करता है कि वह (उपयोगकर्ता के रूप में) क्या कहता है और वह (उपयोगकर्ता के रूप में) क्या सुधार करना चाहता है।

स्रोत कोड

AsyncBinding.zip

संदर्भ

प्रस्तुति के डिजाइन मॉडल मॉडल-व्यू-मॉडल के साथ WPF अनुप्रयोग

कमांड सिस्टम अवलोकन

विंडोज प्रस्तुति फाउंडेशन में अतुल्यकालिक डेटा बाइंडिंग

अतुल्यकालिक WPF

विषय के लिए मुख्य छवि का मूल यहां से लिया गया है।

उपयोगकर्ता इंटरफ़ेस को पुनर्जीवित करना