डब्ल्यूपीएफ, उम्मीद के अनुसार वर्टिकलस्ट्रेच काम कर रहा है!

Question

मैं अपेक्षित रूप से काम करने के लिए ऊर्ध्वाधर खिंचाव बनाने की कोशिश कर रहा हूं, लेकिन कुछ कारणों से यह केवल उस स्थान को लेता है, जहां स्थान की आवश्यकता होती है, न कि स्थान उपलब्ध है।

सबसे पहले, मैं सी # और प्रिज्म के साथ डब्ल्यूपीएफ का उपयोग कर रहा हूं।

Shell.xaml (एप्लिकेशन के लिए मुख्य xaml) में मेरे पास 2 कॉलम और एक पंक्ति वाला ग्रिड है। विचार एक साइड पैनल और एक मुख्य ऐप क्षेत्र होना है। मुख्य ऐप क्षेत्र ग्रिड ऑटो चौड़ाई और ऑटो ऊंचाई पर सेट है। यह अपेक्षित के रूप में काम कर रहा है, और यह पूरे आवेदन को ऊंचाई और चौड़ाई में फिट करने के लिए स्केल करता है।

फिर मैं मुख्य ऐप क्षेत्र में दृश्य (उपयोगकर्ता नियंत्रण घटक के रूप में) डालने के लिए प्रिज्म का उपयोग कर रहा हूं। UserControl ऑटो चौड़ाई और ऊंचाई पर भी सेट है, और अभिव्यक्ति मिश्रण में डिफ़ॉल्ट सेटिंग्स को देखकर, क्षैतिज एलाइनमेंट और वर्टिकल एलाइनमेंट को खींचने के लिए सेट हैं!

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

इसके लिए समाधान क्या हो सकता है? मैंने चौड़ाई और ऊँचाई ऑटो, क्षैतिज और लंबवत संरेखण को मैन्युअल रूप से ओवरराइड करने के लिए सभी सेटिंग्स को गड़बड़ करने की कोशिश की है, लेकिन उम्मीद के अनुसार कुछ भी काम नहीं करता है!

कुछ कोड: (Shell.xaml)

<Window Height="1140" Width="1450"> 
    <Grid Margin="0" Background="White"> 
     <Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="250" /> 
       <ColumnDefinition Width="*" /> 
      </Grid.ColumnDefinitions> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="*" /> 
      </Grid.RowDefinitions> 
      <Grid Background="#FFEEEEEE" Grid.Column="0" Grid.Row="0"> 
      </Grid>   
      <ItemsControl Width="Auto" Height="Auto" Grid.Row="0" Grid.Column="1" Name="MainRegion" cal:RegionManager.RegionName="MainRegion" Padding="10" Margin="10, 0, 0, 0" Background="#FFFFFFD5" /> 
     </Grid> 
    </Grid> 
</Window> 

(राय यह है कि माता-पिता ऊंचाई वारिस होना चाहिए):

<UserControl Width="Auto" Height="Auto" Background="Red" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> 
    <!-- I want this to take the full width and height of the parent --> 
</UserControl> 

तो इस तरह से देखा गया में लोड कर रहे हैं में एक limitaion है मुख्य xaml, या यह एक UserControl सीमा है, या कुछ और जो मुझे समझ में नहीं आता है?

बस स्पष्ट करने के लिए; मुझे क्षैतिज और लंबवत दोनों को खींचने वाले Shell.xaml में परिभाषित आइटम्स कंट्रोल का पृष्ठभूमि रंग दिखाई देता है, लेकिन आइटम्स कंट्रोल में लोड दृश्य की पृष्ठभूमि नहीं।

ध्यान दें कि बिंदु को समझने में आसान बनाने के लिए मैंने कुछ xaml को हटा दिया है!

धन्यवाद!

Answer 1

मुझे एक समाधान मिला। इसे और अधिक readble बनाने के लिए

<ItemsControl> 
    <ItemsControl.ItemsPanel> 
    <ItemsPanelTemplate> 
     <Grid/> 
    </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
</ItemsControl> 

मैं भी इस मामले में XAML में से कुछ को हटा दिया है: मैं ItemsPanel टेम्पलेट ओवरराइड करने के लिए एक ग्रिड (या इसी तरह कंटेनर) उपयोग करने के लिए है!

धन्यवाद

Answer 2

क्या आपने आइटम नियंत्रण में स्ट्रेच करने के लिए क्षैतिज सामग्री संरेखण और वर्टिकलकंटेंटलाइन सेट करने की कोशिश की है?

Answer 3

ItemsControl.ItemsPanelTemplate के लिए डिफ़ॉल्ट StackPanel है, जो अपने बच्चों खड़ी लक्षण आपके द्वारा बताई गई देने के सभी संपीड़ित करता है।

समाधान कोड-ज़ूप ने इसे <Grid> में बदल दिया। यह तब तक अच्छा काम करेगा जब तक इस क्षेत्र में केवल एक ही दृश्य हो।लेकिन अगर इस क्षेत्र में एक से अधिक दृश्य हैं तो वे सभी एक दूसरे के बगल में एक-दूसरे के ऊपर रखे जाएंगे।

आप एक ऐसे क्षेत्र में ऐसे कई दृश्य संभाल लेकिन विचारों क्षेत्र के पूर्ण आकार तक फैलाने के लिए अनुमति दे सकते हैं, चाहते हैं एक DockPanel बजाय का उपयोग करें:

<ItemsControl> 
    <ItemsControl.ItemsPanel> 
    <ItemsPanelTemplate> 
     <DockPanel /> 
    </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
</ItemsControl> 

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

आपको कई दृश्य खड़ी ढेर की तरह वे StackPanel के साथ किया था के लिए पसंद करते हैं, आप ItemContainerStyle में उसे सेट कर करना होगा:

<ItemsControl> 
    <ItemsControl.ItemsPanel> 
    <ItemsPanelTemplate> 
     <DockPanel /> 
    </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.ItemContainerStyle> 
    <Style> 
     <Setter Property="DockPanel.Dock" Value="Top" /> 
    </Style> 
    </ItemsControl.ItemContainerStyle> 
</ItemsControl>