UWP 圆角TEXTBOX和PASSWORD框

最近在做一个UWP项目,登录的用户和密码框需要圆角的,由于UWP的TextBlock 和PasswordBox是没有CornerRadius属性的,于是我就使用了一个Border嵌套在最外层,设置其他CornerRadius="20"

<!--账号-->
                        <Border Background="#FFFFFF" CornerRadius="20">
                            <RelativePanel Margin="10,0,0,0" Padding="5">
                                <TextBlock  x:Name="tbNumber" Text="账号:" RelativePanel.AlignVerticalCenterWithPanel="True" />
                                <TextBox x:Name="txtUserName" FontSize="16"  RelativePanel.RightOf="tbNumber" PlaceholderText="请输入GW号/手机号"
                                         RelativePanel.AlignRightWithPanel="True" 
                                         RelativePanel.AlignHorizontalCenterWithPanel="True"
                                         RelativePanel.AlignVerticalCenterWithPanel="True"
                                         Margin="0,5,0,0" 
                                         BorderThickness="0"
                                         InputScope="NameOrPhoneNumber"/>
                            </RelativePanel>
                        </Border>
                        <!--密码-->
                        <Border Background="#FFFFFF" CornerRadius="20" Margin="0,20,0,0">
                            <RelativePanel Margin="10,0,0,0" Padding="5">
                                <TextBlock  x:Name="tbPwd" Text="密码:" RelativePanel.AlignVerticalCenterWithPanel="True" />
                                <PasswordBox x:Name="txtPwd" RelativePanel.RightOf="tbPwd" PlaceholderText="请输入密码"
                                             RelativePanel.AlignRightWithPanel="True" IsEnabled="True"
                                             BorderThickness="0" 
                                             RelativePanel.AlignHorizontalCenterWithPanel="True"
                                             RelativePanel.AlignVerticalCenterWithPanel="True"
                                             Margin="0,5,0,0"/>
                            </RelativePanel>
                        </Border>

 

posted @ 2018-03-07 11:44  ManyBugs  阅读(274)  评论(0编辑  收藏  举报