这次私人定制的是背景透明的TextBox，普通的TextBox在获取焦点后，背景色就变白色了。

下面的代码可以让TextBox的背景始终是透明的。

其实很简单，就修改了

<Setter Property="Background" Value="{ThemeResource SystemControlBackgroundAltHighBrush}" />

改为

<Setter Property="Background" Value="Transparent" />

<VisualState x:Name="Focused">下面的

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundElement"

                                               Storyboard.TargetProperty="Background">

                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Transparent" />

                                        </ObjectAnimationUsingKeyFrames>

看效果：

    <Style x:Key="TransparentBackgroundTextBoxStyle" TargetType="TextBox">

        <Setter Property="MinWidth" Value="{ThemeResource TextControlThemeMinWidth}" />

        <Setter Property="MinHeight" Value="{ThemeResource TextControlThemeMinHeight}" />

        <Setter Property="Foreground" Value="{ThemeResource SystemControlForegroundBaseHighBrush}" />

        <Setter Property="Background" Value="Transparent" />

        <!--<Setter Property="Background" Value="{ThemeResource SystemControlBackgroundAltHighBrush}" />-->

        <Setter Property="BorderBrush" Value="{ThemeResource SystemControlForegroundChromeDisabledLowBrush}" />

        <Setter Property="SelectionHighlightColor" Value="{ThemeResource SystemControlHighlightAccentBrush}" />

        <Setter Property="BorderThickness" Value="{ThemeResource TextControlBorderThemeThickness}" />

        <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}" />

        <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}" />

        <Setter Property="ScrollViewer.HorizontalScrollMode" Value="Auto" />

        <Setter Property="ScrollViewer.VerticalScrollMode" Value="Auto" />

        <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden" />

        <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden" />

        <Setter Property="ScrollViewer.IsDeferredScrollingEnabled" Value="False" />

        <Setter Property="Padding" Value="{ThemeResource TextControlThemePadding}"/>

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="TextBox">

                    <Grid>

                        <Grid.Resources>

                            <Style x:Name="DeleteButtonStyle" TargetType="Button">

                                <Setter Property="Template">

                                    <Setter.Value>

                                        <ControlTemplate TargetType="Button">

                                            <Grid x:Name="ButtonLayoutGrid" BorderBrush="{ThemeResource TextBoxButtonBorderThemeBrush}"

                                                  BorderThickness="{TemplateBinding BorderThickness}"

                                                  Background="{ThemeResource TextBoxButtonBackgroundThemeBrush}">

                                                <VisualStateManager.VisualStateGroups>

                                                    <VisualStateGroup x:Name="CommonStates">

                                                        <VisualState x:Name="Normal" />

                                                        <VisualState x:Name="PointerOver">

                                                            <Storyboard>

                                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="GlyphElement"

                                                           Storyboard.TargetProperty="Foreground">

                                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightAccentBrush}" />

                                                                </ObjectAnimationUsingKeyFrames>

                                                            </Storyboard>

                                                        </VisualState>

                                                        <VisualState x:Name="Pressed">

                                                            <Storyboard>

                                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ButtonLayoutGrid"

                                                           Storyboard.TargetProperty="Background">

                                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightAccentBrush}" />

                                                                </ObjectAnimationUsingKeyFrames>

                                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="GlyphElement"

                                                           Storyboard.TargetProperty="Foreground">

                                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightAltChromeWhiteBrush}" />

                                                                </ObjectAnimationUsingKeyFrames>

                                                            </Storyboard>

                                                        </VisualState>

                                                        <VisualState x:Name="Disabled">

                                                            <Storyboard>

                                                                <DoubleAnimation Storyboard.TargetName="ButtonLayoutGrid"

                                             Storyboard.TargetProperty="Opacity"

                                             To="0"

                                             Duration="0" />

                                                            </Storyboard>

                                                        </VisualState>

                                                    </VisualStateGroup>

                                                </VisualStateManager.VisualStateGroups>

                                                <TextBlock x:Name="GlyphElement"

                                Foreground="{ThemeResource SystemControlForegroundChromeBlackMediumBrush}"

                                VerticalAlignment="Center"

                                HorizontalAlignment="Center"

                                FontStyle="Normal"

                                FontSize="12"

                                Text=""

                                FontFamily="{ThemeResource SymbolThemeFontFamily}"

                                AutomationProperties.AccessibilityView="Raw"/>

                                            </Grid>

                                        </ControlTemplate>

                                    </Setter.Value>

                                </Setter>

                            </Style>

                        </Grid.Resources>

                        <VisualStateManager.VisualStateGroups>

                            <VisualStateGroup x:Name="CommonStates">

                                <VisualState x:Name="Disabled">

                                    <Storyboard>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderContentPresenter"

                                                 Storyboard.TargetProperty="Foreground">

                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlDisabledBaseMediumLowBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundElement"

                                               Storyboard.TargetProperty="Background">

                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlDisabledTransparentBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BorderElement"

                                               Storyboard.TargetProperty="Background">

                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlBackgroundBaseLowBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BorderElement"

                                               Storyboard.TargetProperty="BorderBrush">

                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlDisabledBaseLowBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentElement"

                                               Storyboard.TargetProperty="Foreground">

                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlDisabledChromeDisabledLowBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PlaceholderTextContentPresenter"

                                               Storyboard.TargetProperty="Foreground">

                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlDisabledChromeDisabledLowBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                    </Storyboard>

                                </VisualState>

                                <VisualState x:Name="Normal" />

                                <VisualState x:Name="PointerOver">

                                    <Storyboard>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BorderElement"

                                               Storyboard.TargetProperty="BorderBrush">

                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightChromeAltLowBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundElement"

                                               Storyboard.TargetProperty="Opacity">

                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TextControlBackgroundHoverOpacity}" />

                                        </ObjectAnimationUsingKeyFrames>

                                    </Storyboard>

                                </VisualState>

                                <VisualState x:Name="Focused">

                                    <Storyboard>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PlaceholderTextContentPresenter"

                                               Storyboard.TargetProperty="Foreground">

                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlPageTextChromeBlackMediumLowBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundElement"

                                               Storyboard.TargetProperty="Background">

                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Transparent" />

                                        </ObjectAnimationUsingKeyFrames>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundElement"

                                               Storyboard.TargetProperty="Opacity">

                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TextControlBackgroundFocusedOpacity}" />

                                        </ObjectAnimationUsingKeyFrames>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BorderElement"

                                               Storyboard.TargetProperty="BorderBrush">

                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightAccentBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentElement"

                                               Storyboard.TargetProperty="Foreground">

                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlForegroundChromeBlackHighBrush}" />

                                        </ObjectAnimationUsingKeyFrames>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentElement"

                                               Storyboard.TargetProperty="RequestedTheme">

                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Light" />

                                        </ObjectAnimationUsingKeyFrames>

                                    </Storyboard>

                                </VisualState>

                            </VisualStateGroup>

                            <VisualStateGroup x:Name="ButtonStates">

                                <VisualState x:Name="ButtonVisible">

                                    <Storyboard>

                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DeleteButton"

                                               Storyboard.TargetProperty="Visibility">

                                            <DiscreteObjectKeyFrame KeyTime="0">

                                                <DiscreteObjectKeyFrame.Value>

                                                    <Visibility>Visible</Visibility>

                                                </DiscreteObjectKeyFrame.Value>

                                            </DiscreteObjectKeyFrame>

                                        </ObjectAnimationUsingKeyFrames>

                                    </Storyboard>

                                </VisualState>

                                <VisualState x:Name="ButtonCollapsed" />

                            </VisualStateGroup>

                        </VisualStateManager.VisualStateGroups>

                        <Grid.ColumnDefinitions>

                            <ColumnDefinition Width="*" />

                            <ColumnDefinition Width="Auto" />

                        </Grid.ColumnDefinitions>

                        <Grid.RowDefinitions>

                            <RowDefinition Height="Auto" />

                            <RowDefinition Height="*" />

                        </Grid.RowDefinitions>

                        <Border x:Name="BackgroundElement"

                Grid.Row="1"

                Background="{TemplateBinding Background}"

                Margin="{TemplateBinding BorderThickness}"

                Opacity="{ThemeResource TextControlBackgroundRestOpacity}"

                Grid.ColumnSpan="2"

                Grid.RowSpan="1"/>

                        <Border x:Name="BorderElement"

                Grid.Row="1"

                BorderBrush="{TemplateBinding BorderBrush}"

                BorderThickness="{TemplateBinding BorderThickness}"

                Grid.ColumnSpan="2"

                Grid.RowSpan="1"/>

                        <ContentPresenter x:Name="HeaderContentPresenter"

                          x:DeferLoadStrategy="Lazy"

                          Visibility="Collapsed"

                          Grid.Row="0"

                          Foreground="{ThemeResource SystemControlForegroundBaseHighBrush}"

                          Margin="0,0,0,8"

                          Grid.ColumnSpan="2"

                          Content="{TemplateBinding Header}"

                          ContentTemplate="{TemplateBinding HeaderTemplate}"

                          FontWeight="Normal" />

                        <ScrollViewer x:Name="ContentElement"

                      Grid.Row="1"

                      HorizontalScrollMode="{TemplateBinding ScrollViewer.HorizontalScrollMode}"

                      HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"

                      VerticalScrollMode="{TemplateBinding ScrollViewer.VerticalScrollMode}"

                      VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}"

                      IsHorizontalRailEnabled="{TemplateBinding ScrollViewer.IsHorizontalRailEnabled}"

                      IsVerticalRailEnabled="{TemplateBinding ScrollViewer.IsVerticalRailEnabled}"

                      IsDeferredScrollingEnabled="{TemplateBinding ScrollViewer.IsDeferredScrollingEnabled}"

                      Margin="{TemplateBinding BorderThickness}"

                      Padding="{TemplateBinding Padding}"

                      IsTabStop="False"

                      AutomationProperties.AccessibilityView="Raw"

                      ZoomMode="Disabled" />

                        <ContentControl x:Name="PlaceholderTextContentPresenter"

                      Grid.Row="1"

                      Foreground="{ThemeResource SystemControlPageTextBaseMediumBrush}"

                      Margin="{TemplateBinding BorderThickness}"

                      Padding="{TemplateBinding Padding}"

                      IsTabStop="False"

                      Grid.ColumnSpan="2"

                      Content="{TemplateBinding PlaceholderText}"

                      IsHitTestVisible="False"/>

                        <Button x:Name="DeleteButton"

                Grid.Row="1"

                Style="{StaticResource DeleteButtonStyle}"

                BorderThickness="{TemplateBinding BorderThickness}"

                Margin="{ThemeResource HelperButtonThemePadding}"

                IsTabStop="False"

                Grid.Column="1"

                Visibility="Collapsed"

                FontSize="{TemplateBinding FontSize}"

                MinWidth="34"

                VerticalAlignment="Stretch"/>

                    </Grid>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>
TextBox原型 https://msdn.microsoft.com/en-us/library/windows/apps/mt299154.aspx?f=255&MSPPError=-2147217396
各位用的时候不要太死板，按需修改即可。

UWP TextBox私人定制的更多相关文章

  1. UWP 滚动条私人定制

    最近突然发现微软自带的滚动条好挫哦 微软哒(棒棒哒) 网上找的(美美哒) 好了. 如果你想要棒棒哒,那么就不用往下看了(手动再见). 如果你想要美美哒,就需要下面的神秘代码. <Style Ta ...

  2. 私人定制自己的linux小系统

     私人定制自己的linux小系统 一.前言    linux操作系统至1991.10.5号诞生以来,就源其开源性和自由性得到了很多技术大牛的青睐,每个linux爱好者都为其贡献了自己的一份力,不管是在 ...

  3. 高级私人定制西服品牌：XUAN PRIVE 为定制而生_乐活_onlylady女人志

    高级私人定制西服品牌:XUAN PRIVE 为定制而生_乐活_onlylady女人志 高级私人定制西服品牌:XUAN PRIVE 为定制而生

  4. OSX: 私人定制Dock默认程序图标

    不论什么一个新用户第一次登陆后,OSX都会自己主动地在用户的Dock中列出系统默认的应用程序图标,这些图标随着OSX版本号的不同而不同. 系统管理员有的时候须要改变这些系统默认图标,或者加入自己的或者 ...

  5. 去英国Savile Row 做件私人定制手工西装_GQ男士网

    去英国Savile Row 做件私人定制手工西装_GQ男士网 去英国Savile Row 做件私人定制手工西装

  6. 绫致时装讲述O2O细节:野心在“私人定制” - 移动购物 - 亿邦动力网

    绫致时装讲述O2O细节:野心在"私人定制" - 移动购物 - 亿邦动力网 绫致时装讲述O2O细节:野心在"私人定制" 作者: 亿邦动力网来源: 亿邦动力网201 ...

  7. 私人定制javascript事件处理机制(浅谈)

    看到园子里关于事件监听发表的文章,我都有点不好意思写了.不过想想我的题目以私人定制作开头也就妥妥地写吧. 事件相关概念 1.事件类型 发生事件的字符串 有传统事件类型 比如表单.window事件等 D ...

  8. 旅行app(游记、攻略、私人定制) | 顺便游旅行H5移动端实例

    <顺便游旅行>是一款H5移动端旅行app,提供目的地(国内.国外.周边)搜索.旅游攻略查询.游记分享.私人定制4大模块,类似携程.同程.去哪儿.马蜂窝移动端,只不过顺便游app界面更为简洁 ...

  9. JWinner：一个私人定制的快速开发框架，为理想而生

    关于JWinner JWinner是一个JAVA项目的快速开发框架,他已经实现了大多数项目开发之前需要进行的一些必备工作,还有很多在开发过程中可能会用到的工具集. JWinner的诞生并不是一蹴而就的 ...

随机推荐

  1. 理论篇：关注点分离(Separation of concerns, SoC)

    概念 关注点分离(Separation of concerns,SOC)是对只与"特定概念.目标"(关注点)相关联的软件组成部分进行"标识.封装和操纵"的能力, ...

  2. JAVA8新特性（一）

    default拓展方法 java8为接口声明添加非抽象方法的实现,也成为拓展方法. public interface Formula { void doSomething(); default voi ...

  3. ACM HDU Bone Collector 01背包

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2602 这是做的第一道01背包的题目.题目的大意是有n个物品,体积为v的背包.不断的放入物品,当然物品有 ...

  4. Yii2如何添加sql日志记录的配置信息

    在使用Yii2框架的时候,常常会出现没有sql日志记录的问题.在代码里一句一句的打印sql语句也不现实.所以就要用文件记录起来. 在 config/web.php 里面的 log配置中增加如下配置 [ ...

  5. dock使用方法

    Docker 是一个开源项目,为开发者和系统管理员提供了一个开放的平台,在任何地方通过打包和运行应用程序作为一个轻量级的容器.Docker 在软件容器内自动部署应用程序.Docker 最开始由 Sol ...

  6. java中的集合操作类（未完待续）

    申明: 实习生的肤浅理解,如发现有错误之处.还望大牛们多多指点 废话 事实上我写java的后台操作,我每次都会遇到一条语句:List<XXXXX> list = new ArrayList ...

  7. 【C语言】统计数组中出现次数超过一半的数字

    //统计数组中出现次数超过一半的数字 #include <stdio.h> int Find(int *arr, int len) { int num = 0; //当前数字 int ti ...

  8. Java学习之道：Java操作Excel之导出下载

    页面放置一个button进行点击导出事件 <h:commandLink target="_parent" value="导出"            ac ...

  9. C++windows内核编程笔记day09_day10,对话框和窗体基本控件等的使用

    //设置字体颜色 SetTextColor(hdc,RGB(255,0,0)); //窗体背景 //wce.hbrBackground=(HBRUSH)(COLOR_WINDOW+1); //wce. ...

  10. this的指向问题

    在 ES5 中,其实 this 的指向,始终坚持一个原理:this 永远指向最后调用它的那个对象. 例 1: var name = "windowsName"; function ...