2011-08-05 5 views
5

के केंद्र से शुरू होने वाले तत्व मैं तत्वों को स्टैपपैन में कैसे डाल सकता हूं, और वे केंद्र द्वारा स्थानांतरित करना शुरू करते हैं? कुछ ऐसा:एक स्टैकपैन

| _ _ x _ _ |

| _ x x _ _ |

| _ x x x _ |

"एक्स" तत्व हैं, और "_" रिक्त स्थान हैं।

क्या कुछ पहले से ही लागू किया गया है?

उत्तर

0

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

0

लपेटें एक तत्व Stretch करने के लिए HorizontalAlignment निर्धारित है, तो उदाहरण के लिए में तत्वों:

<StackPanel> 
    <Border HorizontalAlignment="Stretch"> 
    <TextBlock Text="something short" HorizontalAlignment="Center"/> 
    </Border> 
    <Border HorizontalAlignment="Stretch"> 
    <TextBlock Text="something a bit longer" HorizontalAlignment="Center"/> 
    </Border> 
    <Border HorizontalAlignment="Stretch"> 
    <TextBlock Text="something more than a bit longer" HorizontalAlignment="Center"/> 
    </Border> 
</StackPanel> 
21

आप एक Grid में अपने तत्वों को लपेट सकता है:

<Grid Width="720"> 
    <StackPanel HorizontalAlignment="Center" Orientation="Horizontal" Width="Auto" > 
    <!-- elements go here --> 
    </StackPanel> 
</Grid> 

यह मेरी राय में सबसे आसान तरीका है । आपको यह सुनिश्चित करने की भी आवश्यकता है कि स्टैकपैनेल की चौड़ाई = "ऑटो" और ग्रिड की चौड़ाई = "720" (आवश्यकतानुसार कुछ निश्चित मान)।

+1

यह बहुत अच्छा काम करता है और मेरी राय में सबसे साफ है। –

1
<StackPanel> 
    <StackPanel HorizontalAlignment="Center" Orientation="Horizontal"> 
    <!-- element x --> 
    </StackPanel> 
    <StackPanel HorizontalAlignment="Center" Orientation="Horizontal"> 
    <!-- element x --> 
    <!-- element x --> 
    </StackPanel> 
    <StackPanel HorizontalAlignment="Center" Orientation="Horizontal"> 
    <!-- element x --> 
    <!-- element x --> 
    <!-- element x --> 
    </StackPanel> 
<StackPanel> 

यह आपके द्वारा दिए गए उदाहरण का उत्पादन करता है।

संबंधित मुद्दे