🔛 💈 🥧 विंडोज फोन 8: हम एप्लिकेशन बनाते हैं। मैट्रिक्स। भाग २ 🍻 💘 👲🏽

विंडोज फोन 8: हम एप्लिकेशन बनाते हैं। मैट्रिक्स। भाग 1
विंडोज फोन 8: हम एप्लिकेशन बनाते हैं। मैट्रिक्स। भाग २

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

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

अनुप्रयोग स्क्रीनशॉट

मैं कोड के संदर्भ में दूसरे भाग को पूरी तरह से सम्मानित लिखना चाहता था, लेकिन इसके आयाम काफी बड़े हो गए। यदि आप भी तुरंत अनुकूलन करते हैं, तो यह तर्क की ट्रैकिंग को जटिल करेगा। अनुकूलन अगले भाग में होगा। चलिए शुरू करते हैं।

इस भाग के उद्देश्य

पैनोरमा टेम्पलेट का उपयोग करें
एप्लिकेशन सेटिंग बनाएं

निम्न सेटिंग्स जोड़ी जाती हैं

किसी श्रेणी में वर्ण दर
कतार में सांपों की संख्या
प्रति क्लिक पर एक साथ रेंगने वाले सांपों की संख्या
फ़ॉन्ट आकार
शुरू / बंद करो
स्क्रीन की सफाई
मैट्रिक्स में कोशिकाओं का आकार (संख्या)
एक निश्चित सीमा में साँप की लंबाई
क्षैतिज / ऊर्ध्वाधर अभिविन्यास
गिरते पात्रों की भाषा चुनना
मैट्रिक्स पृष्ठभूमि रंग
पहला वर्ण रंग
साँप के लिए ढाल

आप वीडियो पर इन सेटिंग्स को देख सकते हैं:

चलिए विजुअल स्टूडियो में काम करते हैं

एक नया प्रोजेक्ट बनाएं। पैनोरमा के साथ विंडोज फोन ऐप।
मेरा नाम SE_Matrix_2d_v_4 होगा।
बाकी पिछली बार की तरह है।

MainPage.xaml

यहाँ हमने थोड़ा कोड जोड़ा है। पैनोरमा टेम्पलेट में मेरे 3 खंड हैं:

<!--  Panorama--> <phone:Panorama Title=""> <phone:Panorama.Background> <ImageBrush /> </phone:Panorama.Background> <!--  Panorama--> <phone:PanoramaItem > ... </phone:PanoramaItem> <!--  Panorama--> <phone:PanoramaItem> ... </phone:PanoramaItem> <!--  Panorama--> <phone:PanoramaItem> ... </phone:PanoramaItem> </phone:Panorama>

पहले तत्व में, हम सीधे मानचित्र प्रदर्शन को जोड़ते हैं। यहाँ कुछ भी नहीं बदला है, सब कुछ पहले भाग जैसा ही है:

  <!--  Panorama--> <phone:PanoramaItem > <Grid x:Name="LayoutRootSecond" Background="Black" Margin="0,-32,-2,7" RenderTransformOrigin="0.500,0.500" Tap="Event_Grid_Tap_LayoutRoot"/> </phone:PanoramaItem>

लेख की शुरुआत में वर्णित 13 सेटिंग्स में से पहले 9 को दूसरे नियंत्रण में जोड़ा जाता है। कुछ भी जटिल नहीं है: पाठ बॉक्स में नाम, मान दर्ज करने के लिए टेक्स्टबॉक्स और दिए गए मान को लागू करने के लिए बटन। वर्टिकल स्क्रॉलिंग की संभावना के लिए सब कुछ स्क्रॉलविवर में भी लिपटे हुए हैं, क्योंकि सूची एक स्क्रीन में फिट नहीं होती है। अधिकांश टेक्स्टबॉक्स में, इनपुट विधि को संख्याओं के रूप में चुना जाता है, InputScope = "संख्या"। हालांकि, तत्वों की एक जोड़ी में नकारात्मक मूल्यों को दर्ज करना संभव है। सामान्य रूप से एक सामान्य कीबोर्ड InputScope = "डिफ़ॉल्ट" का उपयोग करना।

कोड। पैनोरमा का दूसरा तत्व

  <!--  Panorama--> <phone:PanoramaItem> <Grid x:Name="LayoutRootThierd" Grid.Column="1" Background="Transparent" Margin="0, 0,-2,7" RenderTransformOrigin="0.500,0.500" > <ScrollViewer HorizontalScrollBarVisibility="Auto" > <Grid x:Name="Grid_SettingsRight" Grid.Column="1" Background="Transparent" Margin="0, 0,-2,7" RenderTransformOrigin="0.500,0.500" > <!--     /      --> <TextBlock HorizontalAlignment="Left" Margin="28,3,0,0" TextWrapping="Wrap" Text="    " VerticalAlignment="Top" Width="352"/> <TextBox x:Name="TextBox_SppeedFrom" InputScope="Number" HorizontalAlignment="Left" Height="67" TextWrapping="Wrap" Text="20" VerticalAlignment="Top" Width="100" Margin="9,28,0,0"/> <TextBox x:Name="TextBox_SppeedTo" InputScope="Number" HorizontalAlignment="Left" Height="67" TextWrapping="Wrap" Text="40" VerticalAlignment="Top" Width="100" Margin="114,28,0,0"/> <Button x:Name="Button_SpeedApplay" Content=" Ok " HorizontalAlignment="Left" Height="65" Margin="288,30,0,0" VerticalAlignment="Top" Click="Event_Button_Click_SpeedApplay"/> <!--     --> <TextBlock HorizontalAlignment="Left" Margin="28,95,0,0" TextWrapping="Wrap" Text="   " VerticalAlignment="Top" RenderTransformOrigin="-0.256,0.233" Width="352"/> <TextBox x:Name="TextBox_CountQueue" InputScope="Number" HorizontalAlignment="Left" Height="67" Margin="10,127,0,0" TextWrapping="Wrap" Text="5" VerticalAlignment="Top" Width="101" RenderTransformOrigin="0.49,-0.049"/> <Button x:Name="Button_CountQueue" Content=" Ok " HorizontalAlignment="Left" Margin="287,127,0,0" VerticalAlignment="Top" Click="Event_Button_Click_CountQueue" RenderTransformOrigin="1.474,0.483" Height="67"/> <!--     --> <TextBlock HorizontalAlignment="Left" Margin="28,194,0,0" TextWrapping="Wrap" Text="   " VerticalAlignment="Top" Width="352"/> <TextBox x:Name="TextBox_ountSimultaneously" InputScope="Number" HorizontalAlignment="Left" Height="72" Margin="10,221,0,0" TextWrapping="Wrap" Text="1" VerticalAlignment="Top" Width="101"/> <Button x:Name="Button_ountSimultaneously" Content=" Ok " HorizontalAlignment="Left" Margin="288,221,0,0" VerticalAlignment="Top" Click="Event_Button_Click_ountSimultaneously" RenderTransformOrigin="1.474,0.483"/> <!--   --> <TextBlock HorizontalAlignment="Left" Margin="27,293,0,0" TextWrapping="Wrap" Text="  (+ - [n])" VerticalAlignment="Top" Width="352"/> <TextBox x:Name="TextBox_FontSize" InputScope="Default" HorizontalAlignment="Left" Height="72" Margin="9,320,0,0" TextWrapping="Wrap" Text="-2" VerticalAlignment="Top" Width="101"/> <Button x:Name="Button_FontSize" Content=" Ok " HorizontalAlignment="Left" Margin="288,320,0,0" VerticalAlignment="Top" Click="Event_Button_Click_FontSize" RenderTransformOrigin="1.474,0.483"/> <!--      --> <TextBlock HorizontalAlignment="Left" Margin="28,392,0,0" TextWrapping="Wrap" Text="  " VerticalAlignment="Top" Width="352"/> <TextBox x:Name="TextBox_CountSymbol" InputScope="Number" HorizontalAlignment="Left" Height="72" Margin="10,419,0,0" TextWrapping="Wrap" Text="3" VerticalAlignment="Top" Width="101"/> <Button x:Name="Button_CountSymbol" Content=" Ok " HorizontalAlignment="Left" Margin="288,419,0,0" VerticalAlignment="Top" Click="Event_Button_Click_CountSymbol" RenderTransformOrigin="1.474,0.483"/> <!--  /   --> <TextBlock x:Name="TextBlock_OnOff" HorizontalAlignment="Left" Margin="28,491,0,0" TextWrapping="Wrap" Text="/ " VerticalAlignment="Top" Width="352"/> <ToggleButton x:Name="Button_Stop" Content="Stop" HorizontalAlignment="Left" Margin="214,523,0,0" VerticalAlignment="Top" Click="Event_Button_Click_Stop" Width="180"/> <ToggleButton x:Name="Button_Start" Content="Start" HorizontalAlignment="Left" Margin="10,523,0,0" VerticalAlignment="Top" Click="Event_Button_Click_Start" Width="180"/> <!--   --> <TextBlock HorizontalAlignment="Left" Margin="28,605,0,0" TextWrapping="Wrap" Text="  ?" VerticalAlignment="Top" Width="352"/> <Button Content=" YES " HorizontalAlignment="Left" Margin="10,632,0,0" VerticalAlignment="Top" Width="371" Click="Event_Button_Click_Clear"/> <!--     --> <TextBlock HorizontalAlignment="Left" Margin="27,709,0,0" TextWrapping="Wrap" Text="   " VerticalAlignment="Top" Width="369"/> <TextBox x:Name="TextBox_ElementSize" InputScope="Default" HorizontalAlignment="Left" Height="72" Margin="10,734,0,-17" TextWrapping="Wrap" Text="-6" VerticalAlignment="Top" Width="101"/> <Button Content="Ok" HorizontalAlignment="Left" Margin="286,736,0,-19" VerticalAlignment="Top" Width="93" Click="Event_Button_Click_ElementSize"/> <!--   --> <TextBlock HorizontalAlignment="Left" Margin="27,809,0,0" TextWrapping="Wrap" Text="  : :" VerticalAlignment="Top" Width="369"/> <TextBox x:Name="TextBox_MinLength" InputScope="Number" HorizontalAlignment="Left" Height="72" Margin="10,834,0,-17" TextWrapping="Wrap" Text="3" VerticalAlignment="Top" Width="101"/> <TextBox x:Name="TextBox_MaxLength" InputScope="Number" HorizontalAlignment="Left" Height="67" TextWrapping="Wrap" Text="10" VerticalAlignment="Top" Width="100" Margin="114,834,0,-17"/> <Button Content="Ok" HorizontalAlignment="Left" Margin="286,836,0,-19" VerticalAlignment="Top" Width="93" Click="Event_Button_Click_MaxLength"/> <!--  /   --> <TextBlock HorizontalAlignment="Left" Margin="28,905,0,0" TextWrapping="Wrap" Text=" " VerticalAlignment="Top" Width="352"/> <ToggleButton x:Name="ToggleButton_Turn" Content="" HorizontalAlignment="Left" Margin="10,932,0,0" VerticalAlignment="Top" Width="371" Click="Event_Button_Click_Turn"/> </Grid> </ScrollViewer> </Grid>

अंतिम 4 सेटिंग्स तीसरे तत्व में बनी रहीं: भाषा का चयन, रंग और पहले तत्व, पृष्ठभूमि, सांप के लिए ढाल के लिए रंग सेट करना। वर्टिकल स्क्रॉलिंग के लिए सब कुछ स्क्रॉलविवर में भी है। हालाँकि, मुझे एक गैर-मानक नियंत्रण का उपयोग करना पड़ा, जिसका नाम है ColorPicker। यह Coding4Fun नामक तत्वों के एक अतिरिक्त पुस्तकालय में पाया जा सकता है।

कोडिंग 4fun कैसे स्थापित करें

मेरे पास पिछले कुछ हफ़्ते से सोने की समस्या है, इसलिए मैंने इसे मैन्युअल रूप से डाउनलोड किया।
लिंक का अनुसरण करें।
"वाया कोडप्लेक्स करंट रिलीज़ जिप" कहने वाले बड़े लाल बटन पर क्लिक करें।
"Coding4Fun.Toolkit (विंडोज फोन 8) .zip" नाम से संग्रह डाउनलोड करें।
संग्रह से, "Coding4Fun.Toolkit.Controls.dll" नाम की फ़ाइल को अपनी परियोजना में कॉपी करें।
हम फ़ोल्डर "संदर्भ" में परियोजना में जाते हैं। दाहिने बटन के साथ उस पर क्लिक करें - लिंक जोड़ें - नीचे दाईं ओर, ब्राउज़ करें का चयन करें ... हमारी लाइब्रेरी ढूंढें और ठीक पर क्लिक करें।
टूलबॉक्स पर जाएं। इसके गलियारों में कहीं भी राइट-क्लिक करें - आइटम का चयन करें ... विंडोज फोन कंपोनेंट टैब चुनें। नीचे दाईं ओर, अवलोकन पर क्लिक करें और फिर से Coding4Fun.Toolkit.Controls.dll चुनें। नई वस्तुओं पर प्रकाश डाला जाएगा। हम देखते हैं कि ColorPicker तत्व के बगल में एक चेकमार्क होगा।
फ़ाइल की शुरुआत में एक पंक्ति जोड़ना सुनिश्चित करें

  xmlns:Controls="clr-namespace:Coding4Fun.Toolkit.Controls;assembly=Coding4Fun.Toolkit.Controls"

चलिए जारी रखते हैं। टूलबॉक्स से ColorPicker खींचें। एक नाम निर्दिष्ट करें। अब हम एक तत्व पर रंग का चयन करेंगे, और चयनित रंग को विभिन्न बटन के साथ मैट्रिक्स की विभिन्न विशेषताओं पर लागू करेंगे।

  <!--   . Codding4Fun --> <Controls:ColorPicker x:Name="ColorPicker" VerticalAlignment="Top" Height="360" Margin="10,154,10,0"/> <TextBlock HorizontalAlignment="Left" Margin="10,114,0,0" TextWrapping="Wrap" Text=" " VerticalAlignment="Top" Width="412" Height="35"/>

हम एक बटन भी जोड़ते हैं, जब क्लिक किया जाता है, तो भाषा चुनने के लिए एक पॉप-अप विंडो दिखाई देगी:

  <!--    --> <StackPanel Margin="0,0,0,649" > <!--   --> <Popup Name="Popup_ButtonDropDownSelectLanguage" Margin="0,0,10,0"> <StackPanel Margin="10,50,0,0" Background="DarkGray" Width="393" Name="StackPanel_ButtonDropDownSelectLanguage"> </StackPanel> </Popup> <TextBlock TextWrapping="Wrap" Text="  "/> <!-- ,   .       --> <Button Margin="0,10,10,0" x:Name="Button_SelectLanguage" Content="" Click="Event_Button_Click_SelectLanguage" Height="74" /> </StackPanel>

और पैनोरमा के दूसरे तत्व के साथ समानता से, बटन की एक जोड़ी।

कोड। पैनोरमा का तीसरा तत्व

  <!--  Panorama--> <phone:PanoramaItem > <Grid x:Name="LayoutRoot123" Background="Transparent" Margin="0,-32,-2,7" RenderTransformOrigin="0.500,0.500" > <ScrollViewer HorizontalScrollBarVisibility="Hidden" Margin="0,26,0,0" > <Grid Margin="0,0,0,0" Height="984" > <!--    --> <StackPanel Margin="0,0,0,649" > <!--   --> <Popup Name="Popup_ButtonDropDownSelectLanguage" Margin="0,0,10,0"> <StackPanel Margin="10,50,0,0" Background="DarkGray" Width="393" Name="StackPanel_ButtonDropDownSelectLanguage"> </StackPanel> </Popup> <TextBlock TextWrapping="Wrap" Text="  "/> <!-- ,   .       --> <Button Margin="0,10,10,0" x:Name="Button_SelectLanguage" Content="" Click="Event_Button_Click_SelectLanguage" Height="74" /> </StackPanel> <!--   . Codding4Fun --> <Controls:ColorPicker x:Name="ColorPicker" VerticalAlignment="Top" Height="360" Margin="10,154,10,0"/> <TextBlock HorizontalAlignment="Left" Margin="10,114,0,0" TextWrapping="Wrap" Text=" " VerticalAlignment="Top" Width="412" Height="35"/> <!--    --> <Button x:Name="Button_BackgroundColor" Content=" " HorizontalAlignment="Left" Margin="10,533,0,0" VerticalAlignment="Top" RenderTransformOrigin="-0.404,-0.757" Width="412" Click="Event_Button_Click_ChangeBackground"/> <!--     --> <Button x:Name="Button_FirstSymbolColor" Content="  " HorizontalAlignment="Left" Margin="10,605,0,0" VerticalAlignment="Top" Width="412" Click="Event_Button_Click_FirstSymbolColor"/> <!--     --> <TextBlock HorizontalAlignment="Left" Margin="10,682,0,0" TextWrapping="Wrap" Text="   " VerticalAlignment="Top" RenderTransformOrigin="-0.915,-1.222" Width="412"/> <Button x:Name="Button_GradientFrom" Content="" HorizontalAlignment="Left" Margin="10,714,0,0" VerticalAlignment="Top" Width="180" Click="Event_Button_Click_GradientFrom"/> <Button x:Name="Button_GradientTo" Content="" HorizontalAlignment="Left" Margin="245,714,0,0" VerticalAlignment="Top" Width="180" Click="Event_Button_Click_GradientTo"/> </Grid> </ScrollViewer> </Grid> </phone:PanoramaItem>

कोड। MainPage.xaml

 <phone:PhoneApplicationPage xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone" xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:UI="clr-namespace:Microsoft.Advertising.Mobile.UI;assembly=Microsoft.Advertising.Mobile.UI" xmlns:Controls="clr-namespace:Coding4Fun.Toolkit.Controls;assembly=Coding4Fun.Toolkit.Controls" x:Class="SE_Matrix_2d_v_4.MainPage" mc:Ignorable="d" d:DataContext="{d:DesignData SampleData/MainViewModelSampleData.xaml}" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="{StaticResource PhoneFontSizeNormal}" Foreground="{StaticResource PhoneForegroundBrush}" SupportedOrientations="Portrait" Orientation="Portrait" shell:SystemTray.IsVisible="False"> <!--LayoutRoot   ,     --> <Grid x:Name="LayoutRoot" Background="Transparent"> <!--   :    ,               (AppResources.resx),             ,     . : Text="{Binding Path=LocalizedResources.ApplicationTitle, Source={StaticResource LocalizedStrings}}"          "ApplicationTitle".      " "   RESX-   ,         .          RESX-,  CurrentUICulture    . --> <!--  Panorama--> <phone:Panorama Title=""> <phone:Panorama.Background> <ImageBrush /> </phone:Panorama.Background> <!--  Panorama--> <phone:PanoramaItem > <!--    --> <Grid x:Name="LayoutRootSecond" Background="Black" Margin="0,-32,-2,7" RenderTransformOrigin="0.500,0.500" Tap="Event_Grid_Tap_LayoutRoot"/> </phone:PanoramaItem> <!--  Panorama--> <phone:PanoramaItem> <Grid x:Name="LayoutRootThierd" Grid.Column="1" Background="Transparent" Margin="0, 0,-2,7" RenderTransformOrigin="0.500,0.500" > <ScrollViewer HorizontalScrollBarVisibility="Auto" > <Grid x:Name="Grid_SettingsRight" Grid.Column="1" Background="Transparent" Margin="0, 0,-2,7" RenderTransformOrigin="0.500,0.500" > <!--     /      --> <TextBlock HorizontalAlignment="Left" Margin="28,3,0,0" TextWrapping="Wrap" Text="    " VerticalAlignment="Top" Width="352"/> <TextBox x:Name="TextBox_SppeedFrom" InputScope="Number" HorizontalAlignment="Left" Height="67" TextWrapping="Wrap" Text="20" VerticalAlignment="Top" Width="100" Margin="9,28,0,0"/> <TextBox x:Name="TextBox_SppeedTo" InputScope="Number" HorizontalAlignment="Left" Height="67" TextWrapping="Wrap" Text="40" VerticalAlignment="Top" Width="100" Margin="114,28,0,0"/> <Button x:Name="Button_SpeedApplay" Content=" Ok " HorizontalAlignment="Left" Height="65" Margin="288,30,0,0" VerticalAlignment="Top" Click="Event_Button_Click_SpeedApplay"/> <!--     --> <TextBlock HorizontalAlignment="Left" Margin="28,95,0,0" TextWrapping="Wrap" Text="   " VerticalAlignment="Top" RenderTransformOrigin="-0.256,0.233" Width="352"/> <TextBox x:Name="TextBox_CountQueue" InputScope="Number" HorizontalAlignment="Left" Height="67" Margin="10,127,0,0" TextWrapping="Wrap" Text="5" VerticalAlignment="Top" Width="101" RenderTransformOrigin="0.49,-0.049"/> <Button x:Name="Button_CountQueue" Content=" Ok " HorizontalAlignment="Left" Margin="287,127,0,0" VerticalAlignment="Top" Click="Event_Button_Click_CountQueue" RenderTransformOrigin="1.474,0.483" Height="67"/> <!--     --> <TextBlock HorizontalAlignment="Left" Margin="28,194,0,0" TextWrapping="Wrap" Text="   " VerticalAlignment="Top" Width="352"/> <TextBox x:Name="TextBox_ountSimultaneously" InputScope="Number" HorizontalAlignment="Left" Height="72" Margin="10,221,0,0" TextWrapping="Wrap" Text="1" VerticalAlignment="Top" Width="101"/> <Button x:Name="Button_ountSimultaneously" Content=" Ok " HorizontalAlignment="Left" Margin="288,221,0,0" VerticalAlignment="Top" Click="Event_Button_Click_ountSimultaneously" RenderTransformOrigin="1.474,0.483"/> <!--   --> <TextBlock HorizontalAlignment="Left" Margin="27,293,0,0" TextWrapping="Wrap" Text="  (+ - [n])" VerticalAlignment="Top" Width="352"/> <TextBox x:Name="TextBox_FontSize" InputScope="Default" HorizontalAlignment="Left" Height="72" Margin="9,320,0,0" TextWrapping="Wrap" Text="-2" VerticalAlignment="Top" Width="101"/> <Button x:Name="Button_FontSize" Content=" Ok " HorizontalAlignment="Left" Margin="288,320,0,0" VerticalAlignment="Top" Click="Event_Button_Click_FontSize" RenderTransformOrigin="1.474,0.483"/> <!--      --> <TextBlock HorizontalAlignment="Left" Margin="28,392,0,0" TextWrapping="Wrap" Text="  " VerticalAlignment="Top" Width="352"/> <TextBox x:Name="TextBox_CountSymbol" InputScope="Number" HorizontalAlignment="Left" Height="72" Margin="10,419,0,0" TextWrapping="Wrap" Text="3" VerticalAlignment="Top" Width="101"/> <Button x:Name="Button_CountSymbol" Content=" Ok " HorizontalAlignment="Left" Margin="288,419,0,0" VerticalAlignment="Top" Click="Event_Button_Click_CountSymbol" RenderTransformOrigin="1.474,0.483"/> <!--  /   --> <TextBlock x:Name="TextBlock_OnOff" HorizontalAlignment="Left" Margin="28,491,0,0" TextWrapping="Wrap" Text="/ " VerticalAlignment="Top" Width="352"/> <ToggleButton x:Name="Button_Stop" Content="Stop" HorizontalAlignment="Left" Margin="214,523,0,0" VerticalAlignment="Top" Click="Event_Button_Click_Stop" Width="180"/> <ToggleButton x:Name="Button_Start" Content="Start" HorizontalAlignment="Left" Margin="10,523,0,0" VerticalAlignment="Top" Click="Event_Button_Click_Start" Width="180"/> <!--   --> <TextBlock HorizontalAlignment="Left" Margin="28,605,0,0" TextWrapping="Wrap" Text="  ?" VerticalAlignment="Top" Width="352"/> <Button Content=" YES " HorizontalAlignment="Left" Margin="10,632,0,0" VerticalAlignment="Top" Width="371" Click="Event_Button_Click_Clear"/> <!--     --> <TextBlock HorizontalAlignment="Left" Margin="27,709,0,0" TextWrapping="Wrap" Text="   " VerticalAlignment="Top" Width="369"/> <TextBox x:Name="TextBox_ElementSize" InputScope="Default" HorizontalAlignment="Left" Height="72" Margin="10,734,0,-17" TextWrapping="Wrap" Text="-6" VerticalAlignment="Top" Width="101"/> <Button Content="Ok" HorizontalAlignment="Left" Margin="286,736,0,-19" VerticalAlignment="Top" Width="93" Click="Event_Button_Click_ElementSize"/> <!--   --> <TextBlock HorizontalAlignment="Left" Margin="27,809,0,0" TextWrapping="Wrap" Text="  : :" VerticalAlignment="Top" Width="369"/> <TextBox x:Name="TextBox_MinLength" InputScope="Number" HorizontalAlignment="Left" Height="72" Margin="10,834,0,-17" TextWrapping="Wrap" Text="3" VerticalAlignment="Top" Width="101"/> <TextBox x:Name="TextBox_MaxLength" InputScope="Number" HorizontalAlignment="Left" Height="67" TextWrapping="Wrap" Text="10" VerticalAlignment="Top" Width="100" Margin="114,834,0,-17"/> <Button Content="Ok" HorizontalAlignment="Left" Margin="286,836,0,-19" VerticalAlignment="Top" Width="93" Click="Event_Button_Click_MaxLength"/> <!--  /   --> <TextBlock HorizontalAlignment="Left" Margin="28,905,0,0" TextWrapping="Wrap" Text=" " VerticalAlignment="Top" Width="352"/> <ToggleButton x:Name="ToggleButton_Turn" Content="" HorizontalAlignment="Left" Margin="10,932,0,0" VerticalAlignment="Top" Width="371" Click="Event_Button_Click_Turn"/> </Grid> </ScrollViewer> </Grid> </phone:PanoramaItem> <!--  Panorama--> <phone:PanoramaItem > <Grid x:Name="LayoutRoot123" Background="Transparent" Margin="0,-32,-2,7" RenderTransformOrigin="0.500,0.500" > <ScrollViewer HorizontalScrollBarVisibility="Hidden" Margin="0,26,0,0" > <Grid Margin="0,0,0,0" Height="984" > <!--    --> <StackPanel Margin="0,0,0,649" > <!--   --> <Popup Name="Popup_ButtonDropDownSelectLanguage" Margin="0,0,10,0"> <StackPanel Margin="10,50,0,0" Background="DarkGray" Width="393" Name="StackPanel_ButtonDropDownSelectLanguage"> </StackPanel> </Popup> <TextBlock TextWrapping="Wrap" Text="  "/> <!-- ,   .       --> <Button Margin="0,10,10,0" x:Name="Button_SelectLanguage" Content="" Click="Event_Button_Click_SelectLanguage" Height="74" /> </StackPanel> <!--   . Codding4Fun --> <Controls:ColorPicker x:Name="ColorPicker" VerticalAlignment="Top" Height="360" Margin="10,154,10,0"/> <TextBlock HorizontalAlignment="Left" Margin="10,114,0,0" TextWrapping="Wrap" Text=" " VerticalAlignment="Top" Width="412" Height="35"/> <!--    --> <Button x:Name="Button_BackgroundColor" Content=" " HorizontalAlignment="Left" Margin="10,533,0,0" VerticalAlignment="Top" RenderTransformOrigin="-0.404,-0.757" Width="412" Click="Event_Button_Click_ChangeBackground"/> <!--     --> <Button x:Name="Button_FirstSymbolColor" Content="  " HorizontalAlignment="Left" Margin="10,605,0,0" VerticalAlignment="Top" Width="412" Click="Event_Button_Click_FirstSymbolColor"/> <!--     --> <TextBlock HorizontalAlignment="Left" Margin="10,682,0,0" TextWrapping="Wrap" Text="   " VerticalAlignment="Top" RenderTransformOrigin="-0.915,-1.222" Width="412"/> <Button x:Name="Button_GradientFrom" Content="" HorizontalAlignment="Left" Margin="10,714,0,0" VerticalAlignment="Top" Width="180" Click="Event_Button_Click_GradientFrom"/> <Button x:Name="Button_GradientTo" Content="" HorizontalAlignment="Left" Margin="245,714,0,0" VerticalAlignment="Top" Width="180" Click="Event_Button_Click_GradientTo"/> </Grid> </ScrollViewer> </Grid> </phone:PanoramaItem> </phone:Panorama> <!--,           .     -32 ,      .    0 (   ),    .       XAML   .--> <!--<Image Source="/Assets/AlignmentGrid.png" VerticalAlignment="Top" Height="800" Width="480" Margin="0" Grid.Row="0" Grid.RowSpan="2" IsHitTestVisible="False" />--> </Grid> </phone:PhoneApplicationPage>

बाह्य रूप से, सेटिंग्स इस तरह दिखती हैं:

MainPage.xaml.cs

सबसे पहले, हम वर्ग गुण बनाते हैं जो सेटिंग्स के लिए जिम्मेदार होंगे:

कोड। वर्ग गुण

  /* ******************************   ****************************** */ //   Random random = new Random(); //         int iteration = 5; //       int countSimultaneously = 3; //    int speedFrom = 20; int speedTo = 40; //     int addingSize = -6; //    int fontSize; //      int minLength = 10; int maxLength = 15; //    double ScreenWidth = System.Windows.Application.Current.Host.Content.ActualWidth - 60; double ScreenHeight = System.Windows.Application.Current.Host.Content.ActualHeight - 100; // ,          int kolich = 30; //      kolich + addingFontSize. int addingFontSize = -2; //      int countSymbol = 3; //  (false),  (true)  bool flagOnOff = false; //  (false),  (true) " " bool turnOnOff = true; //     int countWidth = 10; int countHeight = 10; // ,         ASCII   Dictionary<string, int[]> languages = new Dictionary<string, int[]>(); //   - string actualLanguage = ""; // ,    (true) /   (false)   (PopUp)    bool flagShowLanguages = true; //   , ARGB Dictionary<string, int> colorMatrixBackground = new Dictionary<string, int>(); //   , ARGB Dictionary<string, int> colorFirstSymbol = new Dictionary<string, int>(); //     ( ) -  ( ), ARGB Dictionary<string, int> gradientFrom = new Dictionary<string, int>(); Dictionary<string, int> gradientTo = new Dictionary<string, int>();

वर्ग निर्माता पर विचार करें:

कोड। क्लास कंस्ट्रक्टर

  //  public MainPage() { InitializeComponent(); //       ,   .. BeginColorSettings(); //    ,     ASCII   ListLanguages(); //     this.countWidth = (int)Math.Round(ScreenWidth / (kolich + addingSize)) + Math.Abs(addingSize); this.countHeight = (int)Math.Round(ScreenHeight / (kolich + addingSize)) + 5 + Math.Abs(addingSize); //   ,      CreateElement(); //     ,    if (this.flagOnOff) { Button_Stop.Background = new SolidColorBrush(Colors.Cyan); Button_Start.Background = new SolidColorBrush(Colors.Black); } else { Button_Stop.Background = new SolidColorBrush(Colors.Black); Button_Start.Background = new SolidColorBrush(Colors.Cyan); } //     ChangeBackground(); }

चलो एक रंग का चयन करके शुरू करते हैं। सबसे पहले, BeginColorSettings () विधि में डिफ़ॉल्ट सेटिंग्स को इनिशियलाइज़ करें;

कोड। BeginColorSettings

  //    ,   . private void BeginColorSettings() { //      colorMatrixBackground["A"] = 0; colorMatrixBackground["R"] = 0; colorMatrixBackground["G"] = 0; colorMatrixBackground["B"] = 0; //      colorFirstSymbol["A"] = 255; colorFirstSymbol["R"] = 248; colorFirstSymbol["G"] = 248; colorFirstSymbol["B"] = 255; //      (   ) gradientFrom["A"] = 255; gradientFrom["R"] = 1; gradientFrom["G"] = 255; gradientFrom["B"] = 1; //      (   ) gradientTo["A"] = 0; gradientTo["R"] = 0; gradientTo["G"] = 0; gradientTo["B"] = 0; }

मैट्रिक्स पृष्ठभूमि रंग

पृष्ठभूमि का रंग सेट करें। बस इसी विशेषता को रंग दें जिसमें ARGB घटकों से युक्त रंग हो। चार घटक क्यों? लुप्त होती प्रभाव बनाने के लिए हमें पारदर्शिता (ए) की आवश्यकता होगी।

कोड। ChangeBackground

  //     .   . private void ChangeBackground() { //     LayoutRootSecond.Background = new SolidColorBrush(new Color() { A = (byte)(colorMatrixBackground["A"]) /*Opacity*/, R = (byte)(colorMatrixBackground["R"]) /*Red*/, G = (byte)(colorMatrixBackground["G"]) /*Green*/, B = (byte)(colorMatrixBackground["B"]) /*Blue*/ }); }

हालाँकि, यह सिर्फ एक तरीका है। रंग को वास्तव में बदलने के लिए, आपको इसे ColorPicker नियंत्रण से लेने की आवश्यकता है, इसे संपत्ति पर असाइन करें और ChangeBackground विधि को कॉल करें:

कोड। Event_Button_Click_ChangeBackground

  //     private void Event_Button_Click_ChangeBackground(object sender, RoutedEventArgs e) { //     colorMatrixBackground     ColorPicker    colorMatrixBackground["A"] = ColorPicker.Color.A; colorMatrixBackground["R"] = ColorPicker.Color.R; colorMatrixBackground["G"] = ColorPicker.Color.G; colorMatrixBackground["B"] = ColorPicker.Color.B; //        Button_BackgroundColor.Background = new SolidColorBrush(new Color() { A = (byte)(colorMatrixBackground["A"]) /*Opacity*/, R = (byte)(colorMatrixBackground["R"]) /*Red*/, G = (byte)(colorMatrixBackground["G"]) /*Green*/, B = (byte)(colorMatrixBackground["B"]) /*Blue*/ }); //      ChangeBackground(); }

साँप के पहले चरित्र का रंग

सांप के पहले चरित्र का रंग बदलें। सांप के पहले चरित्र को रैंडम ईलमेंटक्यू_एस्क्यूंक विधि में अतुल्यकालिक रूप से कहा जाता है:

  //    ,    . . // colorFirstSymbol["A"].    . await Change(element, timeOut, colorFirstSymbol);

कोड। Event_Button_Click_FirstSymbolColor

  //     private void Event_Button_Click_FirstSymbolColor(object sender, RoutedEventArgs e) { //     colorFirstSymbol     ColorPicker    colorFirstSymbol["A"] = ColorPicker.Color.A; colorFirstSymbol["R"] = ColorPicker.Color.R; colorFirstSymbol["G"] = ColorPicker.Color.G; colorFirstSymbol["B"] = ColorPicker.Color.B; //        Button_FirstSymbolColor.Background = new SolidColorBrush(new Color() { A = (byte)(colorFirstSymbol["A"]) /*Opacity*/, R = (byte)(colorFirstSymbol["R"]) /*Red*/, G = (byte)(colorFirstSymbol["G"]) /*Green*/, B = (byte)(colorFirstSymbol["B"]) /*Blue*/ }); }

ढाल के लिए रंग सेट करना

खैर, हम ढाल के लिए मिला है। पहली बात यह है कि संबंधित बटन के ईवेंट हैंडलर में वर्ग गुणों में रंग को सहेजना है:

कोड। Event_Button_Click_Gradient

  // .   .   . private void Event_Button_Click_GradientFrom(object sender, RoutedEventArgs e) { //     gradientFrom     ColorPicker    gradientFrom["A"] = ColorPicker.Color.A; gradientFrom["R"] = ColorPicker.Color.R; gradientFrom["G"] = ColorPicker.Color.G; gradientFrom["B"] = ColorPicker.Color.B; //         Button_GradientFrom.Background = new SolidColorBrush(new Color() { A = (byte)(gradientFrom["A"]) /*Opacity*/, R = (byte)(gradientFrom["R"]) /*Red*/, G = (byte)(gradientFrom["G"]) /*Green*/, B = (byte)(gradientFrom["B"]) /*Blue*/ }); } / .   .   . private void Event_Button_Click_GradientTo (object sender, RoutedEventArgs e) { //     gradientTo     ColorPicker    gradientTo["A"] = ColorPicker.Color.A; gradientTo["R"] = ColorPicker.Color.R; gradientTo["G"] = ColorPicker.Color.G; gradientTo["B"] = ColorPicker.Color.B; //         Button_GradientTo.Background = new SolidColorBrush(new Color() { A = (byte)(gradientTo["A"]) /*Opacity*/, R = (byte)(gradientTo["R"]) /*Red*/, G = (byte)(gradientTo["G"]) /*Green*/, B = (byte)(gradientTo["B"]) /*Blue*/ }); }

अब इन रंगों को हमारे प्रतीकों पर लागू करने की आवश्यकता है। RandomElementQ_Async विधि पर जाएं और वर्णों की चमक और रंग की गणना करने के लिए जिम्मेदार भाग को थोड़ा बदल दें:

कोड। RandomElementQ_Async और बदलें

परिवर्तन

 //int greenCoefficient = (int)Math.Round(255 / (double)(count + 1)) - 1;

पर

  int A_Coefficient = (int)Math.Round((gradientFrom["A"] - 10) / (double)(count + 1)) - 1; int R_Coefficient = (int)Math.Round((gradientFrom["R"] - gradientTo["R"]) / (double)(count + 1)) - 1; int G_Coefficient = (int)Math.Round((gradientFrom["G"] - gradientTo["G"]) / (double)(count + 1)) - 1; int B_Coefficient = (int)Math.Round((gradientFrom["B"] - gradientTo["B"]) / (double)(count + 1)) - 1;

और टास्क dsvv को कॉल करने से पहले भी = बदलें (पिछले संस्करण, समय, प्रतीक चिह्न); जोड़ने:

  //    // (greenCoefficient * (k + 1)) - 20   ,             //       ( ) SymbolColor["A"] = (gradientFrom["A"] - ((i - k) * A_Coefficient)); SymbolColor["R"] = (gradientFrom["R"] - ((i - k) * R_Coefficient)); SymbolColor["G"] = (gradientFrom["G"] - ((i - k) * G_Coefficient)); SymbolColor["B"] = (gradientFrom["B"] - ((i - k) * B_Coefficient));

Change, int Opacity Dictionary<string, int> SymbolColor:

  //       public async Task Change(TextBlock element, int timeOut, Dictionary<string, int> SymbolColor)

  //       SolidColorBrush NewColor = new SolidColorBrush(new Color() { A = (byte)(255) /*Opacity*/, R = (byte)(0) /*Red*/, G = (byte)(Opacity) /*Green*/, B = (byte)(0) /*Blue*/ });

पर

  //       SolidColorBrush NewColor = new SolidColorBrush(new Color() { A = (byte)(SymbolColor["A"]) /*Opacity*/, R = (byte)(SymbolColor["R"]) /*Red*/, G = (byte)(SymbolColor["G"]) /*Green*/, B = (byte)(SymbolColor["B"]) /*Blue*/ });

भाषा का चयन

फूलों की छँटनी के साथ। अब भाषा की पसंद से समस्या को हल करते हैं। क्लास कंस्ट्रक्टर में, हमने उपलब्ध भाषाओं को इनिशियलाइज़ करने के लिए ListLanguages मेथड को बुलाया। आइए इसे और अधिक विस्तार से विचार करें:

कोड। ListLanguages

  //        ASCII   public void ListLanguages() { //     -     - ,   ASCII  . languages.Add("", new int[] { 64, 127 }); languages.Add("", new int[] { 19968, 20223 }); languages.Add("", new int[] { 64, 127 }); languages.Add("", new int[] { 48, 57 }); languages.Add(" ", new int[] { 0, 1000 }); languages.Add("", new int[] { 1040, 1103 }); //          foreach (var language in languages) { //   Button newLang = new Button(); //   ,   newLang.Content = language.Key.ToString(); //   newLang.HorizontalAlignment = HorizontalAlignment.Stretch; //   newLang.BorderThickness = new Thickness(1); //  newLang.Margin = new Thickness(0,0,0,0); // ,    .   . newLang.Click += Event_Button_Click_SelectLanguageUpdate; //         StackPanel_ButtonDropDownSelectLanguage.Children.Add(newLang); } }

अब हम एक बटन हैंडलर जोड़ते हैं जिसमें चयनित भाषा प्रदर्शित होती है और जब क्लिक की जाती है, तो एक पॉप-अप विंडो दिखाई देती है:

कोड। Event_Button_Click_SelectLanguage

  // ,       .          . private void Event_Button_Click_SelectLanguage(object sender, RoutedEventArgs e) { //  (true) /   (false)   (PopUp)    if (flagShowLanguages) { //    Popup_ButtonDropDownSelectLanguage.IsOpen = true; flagShowLanguages = false; } else { //    Popup_ButtonDropDownSelectLanguage.IsOpen = false; flagShowLanguages = true; } }

पॉप-अप विंडो में बटन होते हैं, जब क्लिक किया जाता है, तो वांछित भाषा का चयन किया जाता है। सभी बटन को एक ही घटना हैंडलर सौंपा जाता है, जो बटन की सामग्री को निर्धारित करता है, जो भाषा चुनने के लिए शब्दकोश में महत्वपूर्ण है। हम चयनित भाषा का मान वास्तविक भाषा वर्ग की संपत्ति पर सेट करते हैं:

कोड। Event_Button_Click_SelectLanguageUpdate

  //    . private void Event_Button_Click_SelectLanguageUpdate(object sender, RoutedEventArgs e) { //     ,     ,      . if (!flagShowLanguages) { //    Popup_ButtonDropDownSelectLanguage.IsOpen = false; flagShowLanguages = true; } //   ,   string newLanguagr = (sender as Button).Content.ToString(); //   ,    Button_SelectLanguage.Content = newLanguagr; //   ,       this.actualLanguage = newLanguagr; }

अब सब कुछ तैयार है, ताकि आप दिए गए रेंज से एक यादृच्छिक चरित्र चुन सकें। आइए रैंडमअक्टुअलसंबल विधि लिखें, जो एक यादृच्छिक चरित्र लौटाएगा:

कोड। RandomActualSymbol

  //    ,        . public string RandomActualSymbol() { //    ,  ASCII   ,   actualLanguage int[] sd = (languages[actualLanguage]); //              return char.ConvertFromUtf32(this.random.Next((int)sd.GetValue(0), (int)sd.GetValue(1))); }

और जहाँ भी आपको वर्ण सेट करने की आवश्यकता हो, इस विधि में कॉल को स्थानापन्न करें। उदाहरण के लिए, परिवर्तन विधि में:

  //        element.Text = RandomActualSymbol();

शुरू / बंद करो

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

कोड। Event_Button_Click_Stop और Event_Button_Click_Start

  // .     private void Event_Button_Click_Stop(object sender, RoutedEventArgs e) { this.flagOnOff = true; //  flagOnOff  true    Stop if (this.flagOnOff) { Button_Stop.Background = new SolidColorBrush(Colors.Cyan); Button_Start.Background = new SolidColorBrush(Colors.Black); } } // .     private void Event_Button_Click_Start(object sender, RoutedEventArgs e) { this.flagOnOff = false; //  flagOnOff  false    Start if (!this.flagOnOff) { Button_Stop.Background = new SolidColorBrush(Colors.Black); Button_Start.Background = new SolidColorBrush(Colors.Cyan); } }

और कई छोरों के अंदर एक साधारण स्थिति जोड़ें

  if (flagOnOff) break;

पूरी तरह से, Event_Grid_Tap_LayoutRoot, RandomElementQ_Async के चक्र में, तरीके बदलें:

कोड। मैट्रिक्स स्टॉप

Event_Grid_Tap_LayoutRoot:

  //       for (int i = 0; i < countSimultaneously; i++) { //   if (flagOnOff) break;

RandomElementQ_Async :

 //      length for (int i = 0; i <= length; i++) { //   if (flagOnOff) break;

  //   ,     .     ,     . for (int k = 0; k <= i; k++) { //   if (flagOnOff) break;

Change:

  //       for (int i = 0; i < countSymbol; i++) { //   if (flagOnOff) break;

पहले से ही चार जगहों पर क्यों? अगर कुछ सांप हैं, तो सब कुछ ठीक है। लेकिन अगर सांपों की संख्या अनिश्चित रूप से बड़ी है, उदाहरण के लिए, 50+, तो मैट्रिक्स ध्यान देने योग्य ब्रेक के साथ बंद हो जाता है। और इसलिए हम मैट्रिक्स तंत्र के काम में भाग लेने वाले हर तत्व को तुरंत रोक देते हैं।
और अंत में, अब बटन दबाए जाने वाले बटन का रंग सेट करने के लिए सुंदरता जोड़ें। कंस्ट्रक्टर में, यह कोड इसके लिए जिम्मेदार है:

  //     ,    if (this.flagOnOff) { Button_Stop.Background = new SolidColorBrush(Colors.Cyan); Button_Start.Background = new SolidColorBrush(Colors.Black); } else { Button_Stop.Background = new SolidColorBrush(Colors.Black); Button_Start.Background = new SolidColorBrush(Colors.Cyan); }

अधिक सटीक रूप से, एप्लिकेशन को प्रारंभ करते समय बटन का रंग।

स्क्रीन की सफाई

जब Event_Button_Click_Clear ईवेंट को निकाल दिया जाता है, तो CreateElement के रूप में एक ही बात होती है, केवल तत्वों को बनाए बिना। सभी तत्वों को हल किया जाता है और शून्यता को एक प्रतीक के रूप में सेट किया जाता है:

कोड। Event_Button_Click_Clear

  // .   private void Event_Button_Click_Clear(object sender, RoutedEventArgs e) { //           -  for ( int i = 0; i < countWidth; i++) { for (int j = 0; j < countHeight; j++) { //   ,    string elementName = "TB_" + i + "_" + j; //      object wantedNode = LayoutRoot.FindName(elementName); TextBlock element = (TextBlock)wantedNode; //   element.Text = ""; } } }

क्षैतिज / ऊर्ध्वाधर अभिविन्यास

फिर, सब कुछ turnOnOff ध्वज से आता है। हम क्या कर रहे हैं?हम मैट्रिक्स को रोकते हैं। बटन पर शिलालेख बदलें। पंक्तियों और स्तंभों की संख्या स्वैप करें। मैट्रिक्स को हटा दें। CreateElement विधि को कॉल करके मैट्रिक्स को फिर से बनाएं:

कोड। Event_Button_Click_Turn

  // .  /   private void Event_Button_Click_Turn(object sender, RoutedEventArgs e) { //  (true),  (false) " " if (turnOnOff) { //   false    turnOnOff this.turnOnOff = false; //      ToggleButton_Turn    ToggleButton_Turn.Content = ""; //    .   . this.countHeight = (int)Math.Round(ScreenWidth / (kolich + addingSize)) + 5 + Math.Abs(addingSize); this.countWidth = (int)Math.Round(ScreenHeight / (kolich + addingSize)) + 5 + Math.Abs(addingSize); } else { //   true    turnOnOff this.turnOnOff = true; //      ToggleButton_Turn    ToggleButton_Turn.Content = ""; //    .    this.countWidth = (int)Math.Round(ScreenWidth / (kolich + addingSize)) + Math.Abs(addingSize); this.countHeight = (int)Math.Round(ScreenHeight / (kolich + addingSize)) + 5 + Math.Abs(addingSize); } //   this.flagOnOff = true; //   ( ) LayoutRootSecond.Children.Clear(); //       CreateElement(); //   this.flagOnOff = false; }

मैट्रिक्स का आकार बदलें

तर्क मोड़ के समान है। एकमात्र अंतर यह है कि हम पंक्तियों और स्तंभों की संख्या को स्वैप नहीं करते हैं, लेकिन उपयोगकर्ता द्वारा दर्ज गुणांक को पंक्तियों और स्तंभों की संख्या की गणना में जोड़ते हैं:

कोड। Event_Button_Click_ElementSize

  // .     private void Event_Button_Click_ElementSize(object sender, RoutedEventArgs e) { //     TextBox TextBox_ElementSize    addingSize this.addingSize = int.Parse(TextBox_ElementSize.Text.ToString()); //    .    this.countWidth = (int)Math.Round(ScreenWidth / (kolich + addingSize)) + Math.Abs(addingSize); this.countHeight = (int)Math.Round(ScreenHeight / (kolich + addingSize)) + 5 + Math.Abs(addingSize); //   this.flagOnOff = true; //   ( ) LayoutRootSecond.Children.Clear(); //       CreateElement(); //   this.flagOnOff = false; }

अन्य सेटिंग्स

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

कोड। Event_Grid_Tap_LayoutRoot

  //      Grid ( ) private void Event_Grid_Tap_LayoutRoot(object sender, System.Windows.Input.GestureEventArgs e) { //       for (int i = 0; i < 5; i++) { //   if (flagOnOff) break; Start(); //  .   . Task.Delay(100); } }

  //      Grid ( ) private void Event_Grid_Tap_LayoutRoot(object sender, System.Windows.Input.GestureEventArgs e) { //       for (int i = 0; i < countSimultaneously; i++) { //   if (flagOnOff) break; Start(); //  .   . Task.Delay(100); } }

कोड। MainPage.xaml.cs

 using System; using System.Net; using System.Collections.Generic; using System.Linq; using System.Windows; using System.Windows.Controls; using System.Windows.Navigation; using Microsoft.Phone.Controls; using Microsoft.Phone.Shell; using System.Windows.Media; using System.Threading.Tasks; using System.Diagnostics; using System.Collections.ObjectModel; namespace SE_Matrix_2d_v_4 { public partial class MainPage : PhoneApplicationPage { /* ******************************   ****************************** */ //   Random random = new Random(); //         int iteration = 5; //       int countSimultaneously = 3; //    int speedFrom = 20; int speedTo = 40; //     int addingSize = -6; //    int fontSize; //      int minLength = 10; int maxLength = 15; //    double ScreenWidth = System.Windows.Application.Current.Host.Content.ActualWidth - 60; double ScreenHeight = System.Windows.Application.Current.Host.Content.ActualHeight - 100; // ,          int kolich = 30; //      kolich + addingFontSize. int addingFontSize = -2; //      int countSymbol = 3; //  (false),  (true)  bool flagOnOff = false; //  (false),  (true) " " bool turnOnOff = true; //     int countWidth = 10; int countHeight = 10; // ,         ASCII   Dictionary<string, int[]> languages = new Dictionary<string, int[]>(); //   - string actualLanguage = ""; // ,    (true) /   (false)   (PopUp)    bool flagShowLanguages = true; //   , ARGB Dictionary<string, int> colorMatrixBackground = new Dictionary<string, int>(); //   , ARGB Dictionary<string, int> colorFirstSymbol = new Dictionary<string, int>(); //     ( ) -  ( ), ARGB Dictionary<string, int> gradientFrom = new Dictionary<string, int>(); Dictionary<string, int> gradientTo = new Dictionary<string, int>(); /* ******************************   ****************************** */ //  public MainPage() { InitializeComponent(); //       ,   .. BeginColorSettings(); //    ,     ASCII   ListLanguages(); //     this.countWidth = (int)Math.Round(ScreenWidth / (kolich + addingSize)) + Math.Abs(addingSize); this.countHeight = (int)Math.Round(ScreenHeight / (kolich + addingSize)) + 5 + Math.Abs(addingSize); //   ,      CreateElement(); //     ,    if (this.flagOnOff) { Button_Stop.Background = new SolidColorBrush(Colors.Cyan); Button_Start.Background = new SolidColorBrush(Colors.Black); } else { Button_Stop.Background = new SolidColorBrush(Colors.Black); Button_Start.Background = new SolidColorBrush(Colors.Cyan); } //     ChangeBackground(); } //   ,      public void CreateElement() { //       /  this.fontSize = kolich + addingFontSize + addingSize; //    for (int i = 0; i < countWidth; i++) { for (int j = 0; j < countHeight; j++) { //  TextBlock TextBlock element = new TextBlock(); //    TextBlock element.Name = "TB_" + i + "_" + j; //        // element.Text = char.ConvertFromUtf32(random.Next(0x4E00, 0x4FFF)); //      // element.Text = random.Next(0, 9).ToString(); //   element.Text = ""; //  //      TextBlock //      /  int turnY = j * (kolich + addingSize); int turnX = i * (kolich + addingSize); //  (false),  (true) " " if (turnOnOff) { // ,   element.Margin = new Thickness(turnX, turnY, 0, 0); } else { // ,   element.Margin = new Thickness(turnY, turnX, 0, 0); } //    element.Foreground = new SolidColorBrush(Colors.Green); //    element.FontSize = fontSize; //     Grid LayoutRootSecond.Children.Add(element); } } } //      Grid ( ) private void Event_Grid_Tap_LayoutRoot(object sender, System.Windows.Input.GestureEventArgs e) { //       for (int i = 0; i < countSimultaneously; i++) { //   if (flagOnOff) break; Start(); //  .   . Task.Delay(100); } } //    public async void Start() { int count; //         for (count = 0; count < iteration; count++) { //       int ranX = random.Next(0, countWidth); //       int ranY = random.Next(-5, countHeight - 1); //     int length = random.Next(minLength, maxLength); //        int time = random.Next(speedFrom, speedTo); await Task.Delay(1); //  await RandomElementQ_Async(ranX, ranY, length, time); } } //  ,      public async Task RandomElementQ_Async(int x, int y, int length, int timeOut) { //     ,     . Dictionary<int, TextBlock> dicElem = new Dictionary<int, TextBlock>(); //    Dictionary<string, int> SymbolColor = new Dictionary<string, int>(); // ,    ,     if ((y + i) < countHeight && (y + i) >= 0).   4  . //             ( ). int count = 0; //      length for (int i = 0; i <= length; i++) { //   if (flagOnOff) break; //,       ,      if ((y + i) < countHeight && (y + i) >= 0) { //   ,      string elementName = "TB_" + x + "_" + (y + i); //      object wantedNode = LayoutRoot.FindName(elementName); TextBlock element = (TextBlock)wantedNode; //    ,        ""  ""  dicElem[count] = (element); //     .  ( ) -   ,  -  . //  1, ,    (  - )     255   . int A_Coefficient = (int)Math.Round((gradientFrom["A"] - 10) / (double)(count + 1)) - 1; int R_Coefficient = (int)Math.Round((gradientFrom["R"] - gradientTo["R"]) / (double)(count + 1)) - 1; int G_Coefficient = (int)Math.Round((gradientFrom["G"] - gradientTo["G"]) / (double)(count + 1)) - 1; int B_Coefficient = (int)Math.Round((gradientFrom["B"] - gradientTo["B"]) / (double)(count + 1)) - 1; //int greenCoefficient = (int)Math.Round(255 / (double)(count + 1)) - 1; //    ,    . . // colorFirstSymbol["A"].    . await Change(element, timeOut, colorFirstSymbol); //   ,     .     ,     . for (int k = 0; k <= i; k++) { //   if (flagOnOff) break; //    ""   (,  y = -5) if (dicElem.ContainsKey(k)) { // ,      .   ""  TextBlock previousElement = dicElem[k]; //    // (greenCoefficient * (k + 1)) - 20   ,             //       ( ) SymbolColor["A"] = (gradientFrom["A"] - ((i - k) * A_Coefficient)); SymbolColor["R"] = (gradientFrom["R"] - ((i - k) * R_Coefficient)); SymbolColor["G"] = (gradientFrom["G"] - ((i - k) * G_Coefficient)); SymbolColor["B"] = (gradientFrom["B"] - ((i - k) * B_Coefficient)); Task dsvv = Change(previousElement, timeOut, SymbolColor); } } count++; } } } //       public async Task Change(TextBlock element, int timeOut, Dictionary<string, int> SymbolColor) { //       SolidColorBrush NewColor = new SolidColorBrush(new Color() { A = (byte)(SymbolColor["A"]) /*Opacity*/, R = (byte)(SymbolColor["R"]) /*Red*/, G = (byte)(SymbolColor["G"]) /*Green*/, B = (byte)(SymbolColor["B"]) /*Blue*/ }); //   ""  1   "" element.Foreground = NewColor; //       for (int i = 0; i < countSymbol; i++) { //   if (flagOnOff) break; //        element.Text = RandomActualSymbol(); //   element.FontSize = fontSize; //      await Task.Delay(timeOut); } } //     ViewModel protected override void OnNavigatedTo(NavigationEventArgs e) { if (!App.ViewModel.IsDataLoaded) { App.ViewModel.LoadData(); } } /* ******************************  ****************************** */ // .   . private void Event_Button_Click_SpeedApplay(object sender, RoutedEventArgs e) { //     TextBox TextBox_SppeedFrom    speedFrom this.speedFrom = int.Parse(TextBox_SppeedFrom.Text.ToString()); //     TextBox TextBox_SppeedTo    speedTo this.speedTo = int.Parse(TextBox_SppeedTo.Text.ToString()); } // .     private void Event_Button_Click_CountQueue(object sender, RoutedEventArgs e) { //     TextBox TextBox_CountQueue    iteration this.iteration = int.Parse(TextBox_CountQueue.Text.ToString()); } // .     private void Event_Button_Click_ountSimultaneously(object sender, RoutedEventArgs e) { //     TextBox TextBox_ountSimultaneously    countSimultaneously this.countSimultaneously = int.Parse(TextBox_ountSimultaneously.Text.ToString()); } // .   private void Event_Button_Click_FontSize(object sender, RoutedEventArgs e) { //     TextBox TextBox_FontSize    addingFontSize this.addingFontSize = int.Parse(TextBox_FontSize.Text.ToString()); //       /  this.fontSize = kolich + addingFontSize + addingSize; } // .      private void Event_Button_Click_CountSymbol(object sender, RoutedEventArgs e) { //     TextBox TextBox_CountSymbol    countSymbol this.countSymbol = int.Parse(TextBox_CountSymbol.Text.ToString()); } // .     private void Event_Button_Click_Stop(object sender, RoutedEventArgs e) { this.flagOnOff = true; //  flagOnOff  true    Stop if (this.flagOnOff) { Button_Stop.Background = new SolidColorBrush(Colors.Cyan); Button_Start.Background = new SolidColorBrush(Colors.Black); } } // .     private void Event_Button_Click_Start(object sender, RoutedEventArgs e) { this.flagOnOff = false; //  flagOnOff  false    Start if (!this.flagOnOff) { Button_Stop.Background = new SolidColorBrush(Colors.Black); Button_Start.Background = new SolidColorBrush(Colors.Cyan); } } // .   private void Event_Button_Click_Clear(object sender, RoutedEventArgs e) { //           -  for ( int i = 0; i < countWidth; i++) { for (int j = 0; j < countHeight; j++) { //   ,    string elementName = "TB_" + i + "_" + j; //      object wantedNode = LayoutRoot.FindName(elementName); TextBlock element = (TextBlock)wantedNode; //   element.Text = ""; } } } // .     private void Event_Button_Click_ElementSize(object sender, RoutedEventArgs e) { //     TextBox TextBox_ElementSize    addingSize this.addingSize = int.Parse(TextBox_ElementSize.Text.ToString()); //    .    this.countWidth = (int)Math.Round(ScreenWidth / (kolich + addingSize)) + Math.Abs(addingSize); this.countHeight = (int)Math.Round(ScreenHeight / (kolich + addingSize)) + 5 + Math.Abs(addingSize); //   this.flagOnOff = true; //   ( ) LayoutRootSecond.Children.Clear(); //       CreateElement(); //   this.flagOnOff = false; } // .       private void Event_Button_Click_MaxLength(object sender, RoutedEventArgs e) { //     TextBox TextBox_MinLength    minLength this.minLength = int.Parse(TextBox_MinLength.Text.ToString()); //     TextBox TextBox_MaxLength    maxLength this.maxLength = int.Parse(TextBox_MaxLength.Text.ToString()); } // .  /   private void Event_Button_Click_Turn(object sender, RoutedEventArgs e) { //  (true),  (false) " " if (turnOnOff) { //   false    turnOnOff this.turnOnOff = false; //      ToggleButton_Turn    ToggleButton_Turn.Content = ""; //    .   . this.countHeight = (int)Math.Round(ScreenWidth / (kolich + addingSize)) + 5 + Math.Abs(addingSize); this.countWidth = (int)Math.Round(ScreenHeight / (kolich + addingSize)) + 5 + Math.Abs(addingSize); } else { //   true    turnOnOff this.turnOnOff = true; //      ToggleButton_Turn    ToggleButton_Turn.Content = ""; //    .    this.countWidth = (int)Math.Round(ScreenWidth / (kolich + addingSize)) + Math.Abs(addingSize); this.countHeight = (int)Math.Round(ScreenHeight / (kolich + addingSize)) + 5 + Math.Abs(addingSize); } //   this.flagOnOff = true; //   ( ) LayoutRootSecond.Children.Clear(); //       CreateElement(); //   this.flagOnOff = false; } //        ASCII   public void ListLanguages() { //     -     - ,   ASCII  . languages.Add("", new int[] { 64, 127 }); languages.Add("", new int[] { 19968, 20223 }); languages.Add("", new int[] { 64, 127 }); languages.Add("", new int[] { 48, 57 }); languages.Add(" ", new int[] { 0, 1000 }); languages.Add("", new int[] { 1040, 1103 }); //          foreach (var language in languages) { //   Button newLang = new Button(); //   ,   newLang.Content = language.Key.ToString(); //   newLang.HorizontalAlignment = HorizontalAlignment.Stretch; //   newLang.BorderThickness = new Thickness(1); //  newLang.Margin = new Thickness(0,0,0,0); // ,    .   . newLang.Click += Event_Button_Click_SelectLanguageUpdate; //         StackPanel_ButtonDropDownSelectLanguage.Children.Add(newLang); } } //    ,        . public string RandomActualSymbol() { //    ,  ASCII   ,   actualLanguage int[] sd = (languages[actualLanguage]); //              return char.ConvertFromUtf32(this.random.Next((int)sd.GetValue(0), (int)sd.GetValue(1))); } // ,       .          . private void Event_Button_Click_SelectLanguage(object sender, RoutedEventArgs e) { //  (true) /   (false)   (PopUp)    if (flagShowLanguages) { //    Popup_ButtonDropDownSelectLanguage.IsOpen = true; flagShowLanguages = false; } else { //    Popup_ButtonDropDownSelectLanguage.IsOpen = false; flagShowLanguages = true; } } //    . private void Event_Button_Click_SelectLanguageUpdate(object sender, RoutedEventArgs e) { //     ,     ,      . if (!flagShowLanguages) { //    Popup_ButtonDropDownSelectLanguage.IsOpen = false; flagShowLanguages = true; } //   ,   string newLanguagr = (sender as Button).Content.ToString(); //   ,    Button_SelectLanguage.Content = newLanguagr; //   ,       this.actualLanguage = newLanguagr; } //     private void Event_Button_Click_ChangeBackground(object sender, RoutedEventArgs e) { //     colorMatrixBackground     ColorPicker    colorMatrixBackground["A"] = ColorPicker.Color.A; colorMatrixBackground["R"] = ColorPicker.Color.R; colorMatrixBackground["G"] = ColorPicker.Color.G; colorMatrixBackground["B"] = ColorPicker.Color.B; //        Button_BackgroundColor.Background = new SolidColorBrush(new Color() { A = (byte)(colorMatrixBackground["A"]) /*Opacity*/, R = (byte)(colorMatrixBackground["R"]) /*Red*/, G = (byte)(colorMatrixBackground["G"]) /*Green*/, B = (byte)(colorMatrixBackground["B"]) /*Blue*/ }); //      ChangeBackground(); } //     .   . private void ChangeBackground() { //     LayoutRootSecond.Background = new SolidColorBrush(new Color() { A = (byte)(colorMatrixBackground["A"]) /*Opacity*/, R = (byte)(colorMatrixBackground["R"]) /*Red*/, G = (byte)(colorMatrixBackground["G"]) /*Green*/, B = (byte)(colorMatrixBackground["B"]) /*Blue*/ }); } //    ,   . private void BeginColorSettings() { //      colorMatrixBackground["A"] = 0; colorMatrixBackground["R"] = 0; colorMatrixBackground["G"] = 0; colorMatrixBackground["B"] = 0; //      colorFirstSymbol["A"] = 255; colorFirstSymbol["R"] = 248; colorFirstSymbol["G"] = 248; colorFirstSymbol["B"] = 255; //      (   ) gradientFrom["A"] = 255; gradientFrom["R"] = 1; gradientFrom["G"] = 255; gradientFrom["B"] = 1; //      (   ) gradientTo["A"] = 0; gradientTo["R"] = 0; gradientTo["G"] = 0; gradientTo["B"] = 0; } //     private void Event_Button_Click_FirstSymbolColor(object sender, RoutedEventArgs e) { //     colorFirstSymbol     ColorPicker    colorFirstSymbol["A"] = ColorPicker.Color.A; colorFirstSymbol["R"] = ColorPicker.Color.R; colorFirstSymbol["G"] = ColorPicker.Color.G; colorFirstSymbol["B"] = ColorPicker.Color.B; //        Button_FirstSymbolColor.Background = new SolidColorBrush(new Color() { A = (byte)(colorFirstSymbol["A"]) /*Opacity*/, R = (byte)(colorFirstSymbol["R"]) /*Red*/, G = (byte)(colorFirstSymbol["G"]) /*Green*/, B = (byte)(colorFirstSymbol["B"]) /*Blue*/ }); } // .   .   . private void Event_Button_Click_GradientFrom(object sender, RoutedEventArgs e) { //     gradientFrom     ColorPicker    gradientFrom["A"] = ColorPicker.Color.A; gradientFrom["R"] = ColorPicker.Color.R; gradientFrom["G"] = ColorPicker.Color.G; gradientFrom["B"] = ColorPicker.Color.B; //         Button_GradientFrom.Background = new SolidColorBrush(new Color() { A = (byte)(gradientFrom["A"]) /*Opacity*/, R = (byte)(gradientFrom["R"]) /*Red*/, G = (byte)(gradientFrom["G"]) /*Green*/, B = (byte)(gradientFrom["B"]) /*Blue*/ }); } // .   .   . private void Event_Button_Click_GradientTo (object sender, RoutedEventArgs e) { //     gradientTo     ColorPicker    gradientTo["A"] = ColorPicker.Color.A; gradientTo["R"] = ColorPicker.Color.R; gradientTo["G"] = ColorPicker.Color.G; gradientTo["B"] = ColorPicker.Color.B; //         Button_GradientTo.Background = new SolidColorBrush(new Color() { A = (byte)(gradientTo["A"]) /*Opacity*/, R = (byte)(gradientTo["R"]) /*Red*/, G = (byte)(gradientTo["G"]) /*Green*/, B = (byte)(gradientTo["B"]) /*Blue*/ }); } } }

निष्कर्ष

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

पुनश्चयदि आप जानते हैं कि इस स्तर पर कैसे करना सबसे अच्छा है - मैं टिप्पणियों में पूछता हूं। और यह मत भूलो कि एप्लिकेशन चरणों में बनाया गया है और कम से कम 2 और भाग होंगे ... मैं आभारी रहूंगा यदि आप मुझे बताएंगे कि अंतिम वीडियो में समस्या को कैसे हल किया जाए, क्योंकि पैनोरमा केवल तभी चलता है जब आप स्क्रॉलर के बाहर "स्नैप" करते हैं।

विंडोज फोन 8: हम एप्लिकेशन बनाते हैं। मैट्रिक्स। भाग २