在窗口中剪切圖像 - WPF

-1

當我查看圖像時，它會根據窗口大小而消失。在窗口中剪切圖像 - WPF

默認情況下，圖像被切斷，但如果我擴大了窗口的圖像出現

<Grid.RowDefinitions> 
    <RowDefinition/> 
</Grid.RowDefinitions> 
<Grid.ColumnDefinitions> 
    <ColumnDefinition Width="1716*"/> 
    <ColumnDefinition Width="889*"/> 
</Grid.ColumnDefinitions> 

<Image x:Name="img1" Margin="97,237,1054,911.4" Grid.Row="0" Grid.Column="0" Width="77" Height="147" Canvas.ZIndex="99"/> 
<Image x:Name="img2" Margin="301,237,850,911.4" Grid.Row="0" Grid.Column="0" Width="77" Height="147" Canvas.ZIndex="99"/> 
<Image x:Name="img3" Margin="539,237,612,911.4" Grid.Row="0" Grid.Column="0" Width="77" Height="147" Canvas.ZIndex="99"/> 

<WrapPanel Orientation="Horizontal" Margin="13,2,9.8,10.4" MaxHeight="200" Grid.Row="0" Grid.Column="1"> 
    <TextBlock x:Name="text2" TextWrapping="Wrap" Text="Maison 2" Height="31" Width="77" Background="#FFDDDDDD" Padding="8"/> 
    <TextBlock x:Name="text1" TextWrapping="Wrap" Text="Maison 1" Height="31" Width="77" Background="#FFDDDDDD" Padding="8"/> 
    <TextBlock x:Name="Resultat3" Height="31" Width="960" Background="#FFF0F0F0" Padding="8"/> 
    <TextBlock x:Name="Resultat2" Height="31" Width="960" Background="#FFF0F0F0" Padding="8"/> 
    <TextBlock x:Name="text3" TextWrapping="Wrap" Text="Maison 3" Height="31" Width="77" Background="#FFDDDDDD" Padding="8"/> 
    <TextBlock x:Name="Resultat1" Height="31" Width="960" Background="#FFF0F0F0" Padding="8"/> 
</WrapPanel>

我只想正確顯示圖像。一個主意？使用從您的標記，你已經使用了設計師「拖放」，創建UI畫布

來源

2016-08-15 Manudog

*「我只是想......正確顯示圖像」 * < - 定義「正常」？你能展示你正在尋找的結果嗎？目前還不清楚你在問什麼 –

你正在通過設置邊距來將圖像控件置於絕對位置。用適當的佈局替換它。 – Clemens

它似乎很明顯

編輯

問題解決了。這種方法很快，但非常不靈敏。無論您的應用程序的窗口大小如何，您的用戶界面始終是靜態的。

我建議你用XAML來創建你的UI。學習一些基本的控制和他們的共同屬性也將有所幫助。如果您是XAML的初學者，那麼您可以在網上輕鬆找到大量資源。

你可以在這裏做的是包裝內部的Grid像這樣的Image控制：

<Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*" /> 
     <ColumnDefinition Width="*" /> 
     <ColumnDefinition Width="*" /> 
    </Grid.ColumnDefinitions> 

    <Image x:Name="img1" Grid.Column="0" Width="100" Height="177" Width="77" Stretch="Fill" /> 
    <Image x:Name="img2" Grid.Column="1" Width="100" Height="177" Width="77" Stretch="Fill" /> 
    <Image x:Name="img3" Grid.Column="2" Width="100" Height="177" Width="77" Stretch="Fill" /> 
</Grid>

來源

2016-08-15 10:38:52

在窗口中剪切圖像 - WPF

回答

相關問題