c# - Combination of ScrollViewer and Grid not working as expected -

मैंने निम्न डायलॉग को परिभाषित किया है:

  & lt; ui: डायलॉगविंडो एक्स: क्लास = " CodeElementRatingWindow "xmlns =" ​​http://schemas.microsoft.com/winfx/2006/xaml/presentation "xmlns: x =" http://schemas.microsoft.com/winfx/2006/xaml "xmlns: ui =" सीएलआर -नामस्पेस: माइक्रोसॉफ्ट। विज़ुअल स्टूडियो। प्लैटफॉर्म यूआई; विधानसभा = माइक्रोसॉफ्ट। विज़ुअल स्टूडियो। शेल। 12.0 "शीर्षक =" कोड एलेमेंटरेटिंग वांडो "ऊँचाई =" 600 "चौड़ाई =" 800 "& gt; & Lt; ग्रिड नाम = "मूल" & gt; & LT; Grid.RowDefinitions & gt; & Lt; RowDefinition ऊँचाई = "60px" & gt; & lt; / RowDefinition & gt; & Lt; RowDefinition ऊँचाई = "510 पीएक्स" & gt; & lt; / RowDefinition & gt; & Lt; RowDefinition ऊँचाई = "30px" & gt; & lt; / RowDefinition & gt; & LT; /Grid.RowDefinitions> & Lt; Label Grid.ColumnSpan = "2" Grid.Row = "0" ग्रिड। कॉलम = "0" नाम = "शीर्षक लेबल" सामग्री = "कृपया निम्न कूट तत्वों में से प्रत्येक के साथ कार्य करते समय कठिनाई को रेट करें (1 = '' बहुत आसान '' / 6 = '' बहुत मुश्किल '') "& gt; & lt; / लेबल & gt; & Lt; ScrollViewer MinHeight = "510px" & gt; & Lt; ग्रिड ग्रिड। कॉलम्स्पेन = "2" ग्रिड। राउ = "1" ग्रिड। स्तंभ = "1" नाम = "एलिमेंट कंटनेर" & gt; & LT; Grid.ColumnDefinitions & gt; & Lt; कॉलम डिफाइनिशन चौड़ाई = "*" & gt; & lt; / ColumnDefinition & gt; & Lt; कॉलम डिफाइनिशन चौड़ाई = "150" & gt; & lt; / ColumnDefinition & gt; & LT; /Grid.ColumnDefinitions> & Lt; / ग्रिड & gt; & Lt; / ScrollViewer & gt; & Lt; ग्रिड ग्रिड। रो = "2" ग्रिड। स्तंभ = "0" ग्रिड। कॉलमस्पैन = "2" & gt; & LT; Grid.ColumnDefinitions & gt; & Lt; कॉलम डिफाइनिशन चौड़ाई = "*" & gt; & lt; / ColumnDefinition & gt; & Lt; कॉलम डिफाइनिशन चौड़ाई = "*" & gt; & lt; / ColumnDefinition & gt; & LT; /Grid.ColumnDefinitions> & Lt; बटन सामग्री = "ठीक" ग्रिड। कॉलम = "0" क्लिक = "ओकेबाटटन_क्लिक" & gt; & lt; / बटन & gt; & Lt; बटन सामग्री = "रद्द करें" ग्रिड। कॉलम = "1" क्लिक = "Cancel_Button_Click" & gt; & lt; / button & gt; & Lt; / ग्रिड & gt; & Lt; / ग्रिड & gt; & Lt; / ui: DialogWindow & gt;  

लेआउट मूल रूप से तीन पंक्तियों के होते हैं पहली पंक्ति में एक शीर्षक लेबल, नीचे पंक्ति दो बटन और बीच में, मुझे UI तत्वों की एक सूची बनाना है जो मैं गतिशील रूप से ग्रिड को कोड में जोड़ता हूं। चूंकि मुझे पहले से पता नहीं है कि कितने आइटम हैं, मैं उन्हें स्क्रॉल विवर में प्रदर्शित करना चाहता हूं।

मैं देख सकता हूं कि स्क्रॉल वीवर खींचा गया है, लेकिन समस्या यह है कि स्क्रॉलवियवर शीर्षक लेबल के साथ ओवरलैप करता है और यह भी कुछ अनाड़ी है जब मैं ScrollViewer निकालता हूं, यह मामला नहीं है तो क्या मैं गलत कर रहा हूं?

बस ग्रिड को बदलें। ScrollViewer के लिए पंक्ति = 1 यह काम करेगा। कोड नीचे देखें।

  & lt; ग्रिड नाम = "मूल" & gt; & LT; Grid.RowDefinitions & gt; & Lt; RowDefinition ऊँचाई = "60px" & gt; & lt; / RowDefinition & gt; & Lt; RowDefinition ऊँचाई = "510 पीएक्स" & gt; & lt; / RowDefinition & gt; & Lt; RowDefinition ऊँचाई = "30px" & gt; & lt; / RowDefinition & gt; & LT; /Grid.RowDefinitions> & Lt; Label Grid.ColumnSpan = "2" Grid.Row = "0" ग्रिड। कॉलम = "0" नाम = "शीर्षक लेबल" सामग्री = "कृपया निम्न कूट तत्वों में से प्रत्येक के साथ कार्य करते समय कठिनाई को रेट करें (1 = '' बहुत आसान '' / 6 = '' बहुत मुश्किल '') "& gt; & lt; / लेबल & gt; & Lt; ScrollViewer MinHeight = "510px" ग्रिड। कॉलमस्पैन = "2" ग्रिड। पंक्ति = "1" ग्रिड। स्तंभ = "1" & gt; & Lt; ग्रिड नाम = "एलिमेंट कंटैनेयर" & gt; & LT; Grid.ColumnDefinitions & gt; & Lt; कॉलम डिफाइनिशन चौड़ाई = "*" & gt; & lt; / ColumnDefinition & gt; & Lt; कॉलम डिफाइनिशन चौड़ाई = "150" & gt; & lt; / ColumnDefinition & gt; & LT; /Grid.ColumnDefinitions> & Lt; / ग्रिड & gt; & Lt; / ScrollViewer & gt; & Lt; ग्रिड ग्रिड। रो = "2" ग्रिड। स्तंभ = "0" ग्रिड। कॉलमस्पैन = "2" & gt; & LT; Grid.ColumnDefinitions & gt; & Lt; कॉलम डिफाइनिशन चौड़ाई = "*" & gt; & lt; / ColumnDefinition & gt; & Lt; कॉलम डिफाइनिशन चौड़ाई = "*" & gt; & lt; / ColumnDefinition & gt; & LT; /Grid.ColumnDefinitions> & Lt; बटन सामग्री = "ठीक" ग्रिड। कॉलम = "0" क्लिक = "ओकेबाटटन_क्लिक" & gt; & lt; / बटन & gt; & Lt; बटन सामग्री = "रद्द करें" ग्रिड। कॉलम = "1" क्लिक = "Cancel_Button_Click" & gt; & lt; / button & gt; & Lt; / ग्रिड & gt; & Lt; / ग्रिड & gt;