【问题标题】:WPF c# a button with a textboxWPF c#一个带有文本框的按钮
【发布时间】:2019-12-16 13:17:11
【问题描述】:

我需要创建一个类似下面的按钮,它是一个文本框和一个按钮组合,你可以点击“获取代码”按钮,你会收到一条带有代码的短信,然后你可以在文本框中输入代码.

textbox and a button

有人可以帮忙吗? 嗨,我目前的代码很简单。

<Button
    Grid.Row="2"
    Grid.Column="0"
    HorizontalOptions="Center"
    Text="Get Code"
    FontFamily="{ StaticResource IconsFontFamily }"
    Style="{ StaticResource CircleActionButtonFlatStyle }"
    micro:Message.Attach="[Event Clicked] = [Action SendVerifyCodeAsync()]"/>

<Entry
    Grid.Column="1"
    Grid.Row="2"
    Grid.ColumnSpan="2"
    VerticalOptions="Center"
    HorizontalOptions="FillAndExpand"
    Text="{Binding Code}"
    Placeholder="Send Code" />

【问题讨论】:

  • 这将是由边框包裹的文本框和按钮的组合。在请求帮助之前,您需要发布您尝试的 WPF 代码。
  • 此外,如果您在发送 SMS 方面需要帮助,您必须通过向我们展示您已经编写的代码来向我们展示您尝试了什么。然后解释究竟是什么不起作用。
  • 你好,Bizhan,短信功能正常,我只是不知道如何重写xaml。嗨,杰夫,我已经编辑了我的问题并附上了我当前的代码
  • 我认为你有一个好的开始。您需要用圆形边框包裹两个控件。看看这里有一些方法可以做到这一点:wpf border with rounded corners。您可能需要创建一个圆角按钮。如果您搜索 SO,您应该找到执行此操作的方法。
  • 为了将按钮和文本框组合成一个控件,您需要创建一个 UserControl。下面是创建和使用 UserControl 的示例:UserControl 或者您可以创建功能更丰富但更复杂的 CustomControl。一个例子在这里:CustomControl

标签: wpf xaml xamarin.forms


【解决方案1】:

人们是否在 cmets 中说过,您需要将其包裹在边框中。 在这个例子中,你只需要改变你想要的颜色,然后你可以在相应的边框中设置 Click 事件,使它们像按钮一样,并执行相应的操作。您可以将代码micro:Message.Attach="[Event Clicked] = [Action SendVerifyCodeAsync()]"添加到相应的边框。

代码:

<Border BorderBrush="Black" BorderThickness="1" Margin="10" CornerRadius="15">
        <Grid Margin="-1">
            <TextBox TextWrapping="Wrap" Text="Input code" Background="{x:Null}" BorderBrush="{x:Null}" HorizontalAlignment="Left" Margin="5,0,0,0" VerticalAlignment="Center"/>
            <Border BorderBrush="Black" BorderThickness="1" HorizontalAlignment="Right" CornerRadius="15" Background="#FF39D3D3">
                <TextBlock TextWrapping="Wrap" Text="Get Code" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10,0"/>
            </Border>
        </Grid>
    </Border>

例子:

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-08-08
    • 1970-01-01
    • 2017-07-30
    • 2021-08-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-04
    相关资源
    最近更新 更多