छवि फैला और केंद्रित?

Question

मैं निम्नलिखित XAML कोड:

<Image Source="a.jpg" HorizontalAlignment="Center" VerticalAlignment="Center" Stretch="Uniform"/> 

और मैं, नेत्रहीन, यह मिल गया:

: Stretch="None" साथ

(http://img810.imageshack.us/img810/2401/imagestretchuniform.png)

, मैं यह मिल गया

(http://img28.imageshack.us/img28/1783/imagestretchnone.png)

अब, Stretch="Uniform" साथ लंबवत या क्षैतिज छवि केंद्र के लिए क्या मैं चाहता हूँ है! केवल "सबसे छोटी" पक्ष (Uniform के साथ) केंद्र केंद्रित होगी, दाएं। लेकिन इस समय, के रूप में आप स्क्रीनशॉट पर देख सकते हैं, छवि बस ऊपरी-बाएं कोने में डाल दिया जाता है, भले ही मैं "Center"

करने के लिए HorizontalAlignment और VerticalAlignment परिभाषित मुझे क्या करना चाहिए?

पूरे कोड है:

<UserControl [...]> 
    <Canvas Width="640" Height="480" Background="#FF881607"> 
     <Image Source="a.jpg" HorizontalAlignment="Center" VerticalAlignment="Center" Stretch="Uniform"/> 
    </Canvas> 
</UserControl> 

संपादित करें (समाधान): शायद ज़रुरत some1 में एक ही समस्या है, यहाँ है मैं इसे कैसे हल हो:

<Canvas Width="640" Height="480" Background="#FFAA00FF" > 
    <Image Source="z.jpg" Height="480" Width="640"/> 
</Canvas> 

यह बिल्कुल वैसा ही है व्यवहार HorizontalAlignment="Center" VerticalAlignment="Center" Stretch="Uniform" छवि एक समान तक फैली हुई है (चाहे छवि कैनवास से छोटी या बड़ी हो) और यह लंबवत और क्षैतिज दोनों केंद्रित है!

Answer 1

यदि आप इसे ग्रिड में डालते हैं तो यह स्वचालित रूप से केंद्रित हो जाएगा।

<Grid> 
    <Image Source="a.jpg"/> 
</Grid> 

कुछ और ग्रिड के साथ पूरा नियंत्रण:

<UserControl> 
    <Grid> 
     <Grid.RowDefinitions> 
      <RowDefinition/> 
      <RowDefinition Height="Auto"/> 
     </Grid.RowDefinitions> 
     <Grid Grid.Row="0"> 
      <Image Source="a.jpg" Stretch="Uniform"/> 
     </Grid> 
     <Grid Grid.Row="1" Margin="10"> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="Auto"/> 
       <ColumnDefinition/> 
       <ColumnDefinition Width="Auto"/> 
      </Grid.ColumnDefinitions> 
      <Button Grid.Column="0" Content="Start"/> 
      <Button Grid.Column="2" Content="Stop"/> 
     </Grid> 
    </Grid> 
</UserControl> 

Answer 2

कैनवास छवि के HorizontalAlignment समर्थन नहीं करता। यदि आप इस तरह गतिशील लेआउट चाहते हैं, तो कैनवास एक खराब विकल्प है (यदि आप वास्तव में ऐसे लेआउट को अनदेखा करना चाहते हैं तो यह उपयोगी है)। कैनवास का उपयोग करने का सटीक कारण क्या है?

<Grid Background="#FF881607"> 
    <Image Source="a.jpg" HorizontalAlignment="Center" VerticalAlignment="Center" Stretch="Uniform"/> 
</Grid>