0

Google Chromeアドレスバーのように、内部にボタンがあるWPF（XAMLを使用）でTextBoxを作成するにはどうすればよいですか。下の写真のようなものが欲しいです：

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

次に、ボタンの位置を左右に変更するにはどうすればよいですか？（私はC＃を使用しています）

4

2 に答える 2

1

ボタンを TextBox の上にある Grid 内にネストできます。これを使用する必要があるのは 1 回だけのようです。

例えば

<Grid>
  <TextBox Text="Hello" />
  <Button HorizontalAlignment="Right" Content="Click Me" />
</Grid>

これに関する唯一の問題は、テキストがボタンの下に表示されることです。別の方法は、独自のユーザー コントロールを作成するか、テキスト ボックスのコントロール テンプレートを編集することです (ただし、これにはおそらく必要な機能がありません)。

2 列のグリッドの左の列にテキスト ボックスを作成し、次に右の列にボタンを作成します。次に、テキストボックスの背景と境界線を削除し、この背景/境界線をグリッドに配置します。これにより、ボタンの下にテキストを入れることができないボタンのあるテキストボックスの外観が得られます

例えば

    <Border BorderBrush="LightGray" BorderThickness="1" Height="30">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"></ColumnDefinition>
                <ColumnDefinition Width="auto"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <TextBox VerticalAlignment="Center" BorderBrush="Transparent" Background="Transparent" Text="Hello World this is a really long bit of text that wont go underneath the button (it will get clipped)"></TextBox>
            <Button Content="Click me" Grid.Column="1" Margin="4"></Button>
        </Grid>
    </Border>

それに関する唯一の問題は、クロムのホバー効果などが得られないことなどです。コントロールテンプレートを使用したユーザーコントロールが最良のオプションですが、これによりいくつかのアイデアが得られます

于 2012-06-23T13:59:45.450 に答える
0

これを行う方法：

<Border x:Name="TextboxBorder" BorderBrush="#FFB8AAAA" BorderThickness="1" Grid.Column="2"        Margin="3,1.5,4.084,1.5" Height="27" Background="White" CornerRadius="3">
    <Grid x:Name="TextboxGrid">
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition Width="33"/>
        </Grid.ColumnDefinitions>
        <Button x:Name="btn" Grid.Column="1" Margin="3.5,4.833,4.5,3.5" BorderBrush="{x:Null}" Style="  {DynamicResource      SearchButtonStyle}" >
            <Button.Background>
                <ImageBrush ImageSource="Images/search.png"/>
            </Button.Background>
        </Button>
        <TextBox Padding="0,1.2,0,0" x:Name="txt" Margin="1.541,0.5,2.041,0.5"       TextWrapping="Wrap" Text="سلام" BorderThickness="0" FontSize="16"/>
    </Grid>
</Border>

ボタンのスタイルは次のとおりです。

 <Style x:Key="SearchButtonStyle" TargetType="{x:Type Button}">
     <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
     <Setter Property="Background" Value="{StaticResource ButtonNormalBackground}"/>
     <Setter Property="BorderBrush" Value="{StaticResource ButtonNormalBorder}"/>
     <Setter Property="BorderThickness" Value="1"/>
     <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
     <Setter Property="HorizontalContentAlignment" Value="Center"/>
     <Setter Property="VerticalContentAlignment" Value="Center"/>
     <Setter Property="Padding" Value="1"/>
     <Setter Property="Template">
     <Setter.Value>
     <ControlTemplate TargetType="{x:Type Button}">
         <Border BorderThickness="0" Margin="1.875,0.5,1.75,-0.375" Background="{TemplateBinding Background}"     Width="16" Height="16"/>
          <ControlTemplate.Triggers>
              <Trigger Property="IsKeyboardFocused" Value="true"/>
              <Trigger Property="ToggleButton.IsChecked" Value="true"/>
              <Trigger Property="IsEnabled" Value="false">
              <Setter Property="Foreground" Value="#ADADAD"/>
              </Trigger>
         </ControlTemplate.Triggers>
    </ControlTemplate>
    </Setter.Value>
    </Setter>
</Style>

そして、WPFロックス!!!

于 2012-07-02T06:08:41.040 に答える