2009-08-03 6 views
25

में व्यक्तिगत रूप से सीमा-साइड कैसे डिज़ाइन कर सकता हूं मैं XAML में केवल शीर्ष, बाएं, दाएं या नीचे की ओर सीमा को कैसे डिज़ाइन कर सकता हूं?मैं XAML

उत्तर

57

सीमा thicknes बाईं शीर्ष, सही और नीचे मोटाई (सीएसएस से आदेश में अंतर नोटिस) के एक संयुक्त संपत्ति है ...:

सीएसएस के साथ बॉर्डर-शीर्ष यह संभव है। आप केवल एक मान निर्दिष्ट करते हैं कि आप उन सभी निर्धारित करते हैं, लेकिन आप उन्हें अलग से निर्दिष्ट कर सकते हैं:

BorderThickness="1,2,3,4" 
+0

सही काम करता है, thx:) –

+4

मैं भी वहां फेंक दूंगा कि आप सीमाबद्धता = "1 2 3 4" (कोई अल्पविराम) और सीमाबद्धता = "5 10" का उपयोग कर सकते हैं (5 पर दाएं/बाएं, ऊपर/नीचे 10) अगर आपको वह क्लीनर मिल जाए। – JasonRShaver

+1

बस एक और अतिरिक्त, आप मेट्रिक इकाइयों का भी उपयोग कर सकते हैं, जैसे: 'सीमाबद्धता = "0, 0.3 सेमी, 0, 0.1 सेमी" '। डॉट और कॉमा के उपयोग पर ध्यान दें। प्रिंटिंग के लिए इस्तेमाल किए गए लेआउट डिजाइन करने के लिए यह अच्छा है। –

11

XAML में आप तत्वों पर सीमा संपत्ति की जरूरत नहीं है जैसे आप सीएसएस में है। हालांकि, अगर आप एक <Border> तत्व का उपयोग करें और अलग-अलग मोटाई सेट बस के रूप में आप मैं (सेट बाएं सही और शीर्ष निचला बॉर्डर मोटाई) सीएसएस कर सकते हैं कर सकते हैं:

<Border BorderBrush="Blue" BorderThickness="2,4"> 
    <TextBlock Text="Inside border"/> 
</Border> 

या (सेट छोड़ दिया, शीर्ष, सही, नीचे मोटाई) :

<Border BorderBrush="Blue" BorderThickness="1,2,3,4"> 
    <TextBlock Text="Inside border"/> 
</Border> 

यदि आपको सीमा के अधिक नियंत्रण की आवश्यकता है तो आप लेआउट के लिए पैनल का उपयोग कर सकते हैं। जैसे एक <Grid> का उपयोग कर:

<Grid> 
    <Grid.RowDefinitions> 
    <RowDefinition Height="Auto"/> 
    <RowDefinition Height="*"/> 
    <RowDefinition Height="Auto"/> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
    <ColumnDefinition Width="Auto"/> 
    <ColumnDefinition Width="*"/> 
    <ColumnDefinition Width="Auto"/> 
    </Grid.ColumnDefinitions> 
    <Border Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3" BorderBrush="Blue" BorderThickness="2"/> 
    <Border Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="3" BorderBrush="Green" BorderThickness="4"/> 
    <Border Grid.Row="1" Grid.Column="0" BorderBrush="Red" BorderThickness="3"/> 
    <Border Grid.Row="1" Grid.Column="2" BorderBrush="Red" BorderThickness="3"/> 
    <TextBlock Grid.Row="1" Grid.Column="1" Text="Inside border"/> 
</Grid> 

आप ग्रिड कोशिकाओं में अन्य दृश्य तत्वों डाल करने के लिए स्वतंत्र हैं।

+1

कोड उदाहरण उत्कृष्ट हैं। धन्यवाद। – CodeHxr