4

WPFログインインターフェイスを実行しています。ログインパネルには、1つのログインTextBoxと1つのログインがありますPasswordBox。下の最初の画像に示されているように、ログインテキストボックスには小さな人間のロゴがあり、パスワードボックスにはロックがあります。画像をテキストボックスの背景に設定し、ログインボックスに単語を挿入しようとすると、その単語が人間のロゴ（画像B）に上書きされます。それを正しくするためのアドバイスはありますか？

私のXAML：

 <TextBox Width="380" Height="25" HorizontalAlignment="Center"  Foreground="WhiteSmoke" BorderBrush="Transparent" >
     <TextBox.Background>
       <ImageBrush ImageSource="/icon/user_login.png" AlignmentX="Left" Stretch="None"></ImageBrush>
     </TextBox.Background>
 </TextBox>

画像A：

ここに画像の説明を入力してください

画像B：

ここに画像の説明を入力してください

4

2 に答える 2

11

私の提案は、それぞれをに置き換えることTextbox'sですDockPanel。それぞれImage、左端のアイテムとTextbox右端のアイテムがあります。次に、画像をそれぞれユーザーとロックに設定します。Textbox次に、との背景Imagesを透明に設定します。次に、で必要なスタイルを設定できますDockPanel。

編集1-作業例から貼り付けをコピー

コード： 

<DockPanel>
    <Button BorderThickness="0" DockPanel.Dock="Left" HorizontalAlignment="Right" Height="28" Width="23">
         <DynamicResource ResourceKey="SearchBar"/>
    </Button> 'This is a button, because I have a custom Style which I am using which makes all the borders go away. And also because I use it to clear the field.
    <TextBox Text="Search..." FontSize="16" HorizontalAlignment="Stretch" Background="Transparent"/>
</DockPanel>

画像：

ここに画像の説明を入力してください

2番目の項目にプロパティを設定しないDockPanel.Dockことで、残りの項目にまたがるように指示していDockPanelます。他にご不明な点がございましたら、お気軽にお問い合わせください。上記をコピー＆ペーストすると、関係のない部分を切り取ってしまうため、見た目が合わない場合があります。

于 2012-12-18T06:22:54.163 に答える
0 
 <DockPanel Grid.Row="1" Margin="65,24,71,11" HorizontalAlignment="Stretch">
                            <Image Source="/SDPI;component/Image/Profile.png"/>
                            <toolkit:WatermarkTextBox Grid.Row="1" FontSize="16">
                                <toolkit:WatermarkTextBox.Watermark>
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="Username" FontSize="15" Margin="4,0,0,0" />
                                    </StackPanel>
                                </toolkit:WatermarkTextBox.Watermark>
                            </toolkit:WatermarkTextBox>
                        </DockPanel>
于 2015-11-02T12:25:36.323 に答える