2016-10-31 2 views
0

私はWPFアプリケーションで作業しています。ログインしたユーザー名の隣にユーザーアイコンを配置したいと思います。私はそれを全く反応させることができず、どういうわけかそれは私の窓で大きすぎます。Grid.Rowにイメージを配置する方法はありますが、応答性を保つWPF

これは(それもデザインモードで大見えます)、それはExpression Blendの中でどのように見えるかです:ここでは

enter image description here

私のコードです:

[TextBlockのテキスト= "ユーザー"]

[TextBlockのテキスト= "データベースから現在のユーザー名"]

[ユーザーアイコンとして矩形、背景= "グリーン"]

<TextBlock Grid.Row="3" 
      Margin="5,5,34,0" 
      x:Name="lblUser" 
      VerticalAlignment="Top" 
      Text="User:" 
      Foreground="White" 
      FontSize="13" 
      d:LayoutOverrides="GridBox" /> 
<Rectangle Stroke="#83D744" 
      Grid.Row="3" 
      RadiusX="0" 
      RadiusY="0" 
      Margin="6,24.69,34,10" 
      d:LayoutOverrides="GridBox"> 
    <Rectangle.Fill> 
     <SolidColorBrush Color="#5000" /> 
    </Rectangle.Fill> 
</Rectangle> 
<Image Name="imgExit" 
     Grid.Row="3" 
     Source="/MyDesktopApp;component/Images/user-icon.png" 
     HorizontalAlignment="Left" 
     MaxHeight="35" 
     MaxWidth="35" 
     Margin="15,5,0,10" 
     VerticalAlignment="Bottom" /> 
<TextBlock Foreground="White" 
      Margin="8,40,34,4" 
      x:Name="lblLoggedInUser" 
      Grid.Row="3" 
      FontSize="17" 
      FontWeight="Bold" 
      Text="" 
      TextAlignment="Right" /> 

は、これは私が(私の22 '' モニター上の)アプリケーションを実行すると、それがどのように見えるかです - 本当に悪い:

enter image description here

そして、これは私が17「」のような小さなモニター上でそれを実行すると、それがどのように見えるかです:

enter image description here

どのように画面のあらゆるサイズで反応させることができますか? 22インチで、それは本当に悪く見えます。

+0

、彼らは非常にうまくスケールと品質を失うことはありません。 – adminSoftDK

答えて

-1

Imageを絶対位置に設定しても、グリッドがどのように機能しているかはわかりません。

使用このような何か:私はベクトルの代わりに画像を使用することになり

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto" /> 
     <RowDefinition Height="*" 
         MinHeight="80" /> 
    </Grid.RowDefinitions> 
    <TextBlock Grid.Row="0" 
       Text="User" /> 
    <Border Grid.Row="1" 
      Padding="8" 
      BorderBrush="Green" 
      BorderThickness="2"> 
     <Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="*" 
            MinWidth="80" /> 
       <ColumnDefinition Width="*" /> 
      </Grid.ColumnDefinitions> 
      <Image Source="***" Stretch=""Fill/UniformToFill /> 
      <TextBlock Grid.Column="1" 
         HorizontalAlignment="Center" 
         VerticalAlignment="Center" 
         Text="Admin" /> 
     </Grid> 
    </Border> 
</Grid> 
+0

私は例(矩形など)を掲示してそれを達成することは不可能ですか? –

+0

私の例を試したり、もう少しXAML言語を検索しないのはなぜですか?上に投稿したものはあまりよく書かれていません –

+0

@Daniel、私はbilly_の例を試しましたが、ビリーのケースでどのように動作するのか少し説明します。私はコードを編集することによって、どうやってそのように見えるのか、それはどうでもいいと思います。ありがとう –

関連する問題