🚾 📏 ✊🏻 विंडोज फोन के लिए खोजकर्ता से संपर्क करें 🍉 ♀️ 😆

विंडोज फोन के लिए खोजकर्ता से संपर्क करें

चूंकि लोग विंडोज फोन के लिए विकास पर लेखों में रुचि रखते हैं, इसलिए मैं इसे स्वयं प्रकाशित करने का प्रयास करूंगा। थोड़ा कोड होगा (सभी कोड GitHub पर उपलब्ध है )।

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

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

पहले से ही चयनित संपर्क सूची बॉक्स में पाए जाते हैं, अक्षरों को दर्ज करते समय एक टेक्स्टबॉक्स भी होता है जिसमें खोजे गए कांटैक्ट में नीचे प्रदर्शित होने वाले संपर्कों की खोज की जाती है। डिलीट बटन भी समर्थित है (यदि पाठ बॉक्स में अधिक अक्षर नहीं हैं, तो अंतिम चयनित आइटम हटा दिया गया है)
यह कोड जैसा दिखता है:

Xaml तत्व कोड

<Grid> <Grid.RowDefinitions> <RowDefinition Height="*" MaxHeight="70" /> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> </Grid.RowDefinitions> <ListBox x:Name="ItemsListBox" ItemTemplate="{TemplateBinding ItemTemplate}" SelectionMode="Single"> <ItemsControl.ItemsPanel> <ItemsPanelTemplate> <toolkit:WrapPanel /> </ItemsPanelTemplate> </ItemsControl.ItemsPanel> <ContentControl x:Name="Header" Content="{TemplateBinding HeaderText}" ContentTemplate="{TemplateBinding HeaderTemplate}" /> <TextBox x:Name="SearchTextBox" Background="Transparent" BorderBrush="Transparent" CaretBrush="WhiteSmoke" FontFamily="{TemplateBinding FontFamily}" FontSize="{TemplateBinding FontSize}" FontStyle="{TemplateBinding FontStyle}" Foreground="{TemplateBinding Foreground}" Style="{StaticResource ClearTextBoxStyle}"/> </ListBox> <Border Grid.Row="1" Width="480" Height="2" VerticalAlignment="Top" Background="White" /> <ListBox x:Name="Selector" Grid.Row="2" HorizontalAlignment="Stretch" Background="{TemplateBinding PopupBackground}" BorderBrush="{TemplateBinding PopupBorderBrush}" BorderThickness="{TemplateBinding PopupBorderThickness}" FontFamily="{TemplateBinding FontFamily}" FontSize="{TemplateBinding FontSize}" FontStyle="{TemplateBinding FontStyle}" FontWeight="{TemplateBinding FontWeight}" Foreground="{TemplateBinding Foreground}" IsTabStop="False" ItemTemplate="{TemplateBinding PopupItemTemplate}" Opacity="{TemplateBinding Opacity}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionMode="Single" /> </Grid>

उपयोग उदाहरण:

कोड:

उदाहरण का उपयोग करें

 <controls2:ContactsChooser x:Name="chooser" Grid.Row="1" Margin="0,24,0,0" HeaderText="Partipants" ItemsSource="{Binding InvitedUsers}" PopupBackground="Transparent" PopupBorderBrush="Transparent" SearchCommand="{Binding SearchCommand}" SearchItemsSource="{Binding SearchedUsers}"> <controls2:ContactsChooser.HeaderTemplate> <DataTemplate> <TextBlock Margin="0,0,12,0" FontFamily="Segoe WP Semibold" FontSize="20" Foreground="Gray" Text="{Binding}" /> </DataTemplate> </controls2:ContactsChooser.HeaderTemplate> <controls2:ContactsChooser.PopupItemTemplate> <DataTemplate> <Grid Margin="0,0,0,12"> <Grid.ColumnDefinitions> <ColumnDefinition Width="99" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <Canvas Width="99" Height="99" HorizontalAlignment="Left" VerticalAlignment="Top" Background="#FF0A1016" UseLayoutRounding="False"> <Path Canvas.Left="8" Canvas.Top="10" Width="83" Height="97" Data="F1M81.886,88.911L81.989,88.911C81.989,88.911,81.964,89.135,81.887,88.915z M36.533,88.911L46.325,88.911 44.515,88.935C41.769,88.955,38.229,88.924,36.59,88.911z M41.727,39.437C41.727,39.437 47.627,45.341 47.627,45.341 47.627,45.341 41.727,75.253 41.727,75.253 41.727,75.253 35.827,45.341 35.827,45.341 35.827,45.341 41.727,39.437 41.727,39.437z M55.337,39.02C61.072,39.02 65.137,39.02 65.137,39.02 71.971,39.02 76.42,45.063 77.511,51.66 77.511,51.66 79.541,65.1 80.963,81.029 81.386,85.766 81.643,87.737 81.793,88.523L81.886,88.911 46.325,88.911 46.383,88.91C47.474,88.886 48.198,88.845 48.218,88.779 49.761,83.805 51.266,75.913 52.317,67.729 54.112,53.747 55.199,39.02 55.337,39.02z M18.236,39.02C18.236,39.02 22.18,39.02 27.997,39.02 28.199,39.02 34.143,88.906 35.759,88.906L36.533,88.911 1.013,88.911C1.013,88.911 5.862,51.66 5.862,51.66 6.71,44.699 11.402,39.02 18.236,39.02z M41.578,1.981C50.442,1.981 57.627,9.172 57.627,18.042 57.627,26.913 50.442,34.104 41.578,34.104 32.715,34.104 25.53,26.913 25.53,18.042 25.53,9.172 32.715,1.981 41.578,1.981z" Fill="#3A3F43" /> </Canvas> <Image Width="99" Height="99" /> <TextBlock Grid.Column="1" Margin="12,0,0,0" VerticalAlignment="Center" Text="{Binding FullName}" /> </Grid> </DataTemplate> </controls2:ContactsChooser.PopupItemTemplate> <controls2:ContactsChooser.ItemTemplate> <DataTemplate> <StackPanel Margin="0,0,12,0" Orientation="Horizontal"> <TextBlock Text="{Binding FullName}" /> <TextBlock Text=";" /> </StackPanel> </DataTemplate> </controls2:ContactsChooser.ItemTemplate> </controls2:ContactsChooser>

MVVM पैटर्न समर्थित है, खोज तर्क पूरी तरह से ViewModel में है:

 SearchCommand = new RelayCommand(o => { var searchedName = o.ToString().ToLower(); SearchedUsers.Clear(); foreach (var user in Users.Where(u => u.FirstName.ToLower().Contains(searchedName) || u.LastName.ToLower().Contains(searchedName))) { SearchedUsers.Add(user); } });

यहां आप वेब सेवा तक पहुंचने की विधि सम्मिलित कर सकते हैं और डेटा प्राप्त करते समय ऑब्जर्वेबल कॉलेक्शन में भर सकते हैं।

कोड साफ नहीं है, लेकिन OpenSource इसके लिए अच्छा है, यदि आपके पास कोई सुझाव है, तो इसे सुधारें।

अगर अचानक सवाल उठता है - पूछें, मुझे जवाब देने में खुशी होगी।

विंडोज फोन के लिए खोजकर्ता से संपर्क करें

विंडोज फोन के लिए खोजकर्ता से संपर्क करें

More articles: