这次私人定制的是背景透明的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. 深入浅出多线程——ReentrantLock (二)

    深入浅出多线程——ReentrantLock (一)文章中介绍了该类的基本使用,以及在源码的角度分析lock().unlock()方法.这次打算在此基础上介绍另一个极为重要的方法newConditio ...

  2. maridb\mysql 源码安装，以10.1.26版本为例

    mysql 源码安装(mariadb 10.1.26) 1.环境部署 1 安装cmake 源码安装三部曲或者yum install cmake2安装依赖包yum install -y ncurses- ...

  3. 实践作业2：黑盒测试实践——小组任务分工 Day 1

    今日教学实验任务分配后,课下小组例会完成任务分工,具体分工如下: (1)系统需求分析--刘思佳 (2)设计测试用例--王俊杰 (3)编写.运行测试脚本--郜昌磊 (4)记录测试过程--吴慧杰 (5)记 ...

  4. pku 1330 Nearest Common Ancestors LCA离线

    pku 1330 Nearest Common Ancestors 题目链接: http://poj.org/problem?id=1330 题目大意: 给定一棵树的边关系,注意是有向边,因为这个WA ...

  5. python自带库及第三方库api察看

    今天发现一个很有意思的功能,python自带了所有库的文档查看器,配置如下: 配置pydoc服务,cmd中输入如下代码: python –m pydoc –p 1234 回车后 ,使用过程中,该窗口不 ...

  6. jQuery noConflict() 方法----与其他javaScript插件冲突时

    1,全名代替----jQuery: $.noConflict(); jQuery(document).ready(function(){ jQuery("button").clic ...

  7. mybatis实现延迟加载多对一

    1.数据库表 CREATE TABLE `country` ( `cid` ) NOT NULL AUTO_INCREMENT COMMENT '国家id', `cname` ) COLLATE ut ...

  8. SharePoint Online Add-in 开发简介

    作者:陈希章 发表于 2017年12月22日 在 再谈SharePoint大局观 中我提到了SharePoint开发的一些新的变化,这一篇文章我将讲解SharePoint Add-in开发.其实早在2 ...

  9. react.js - 基于create-react-app的打包后文件根路径修改

    用create-react-app脚手架搭建的react项目 使用 npm run build 之后生成的打包文件只能在根目录访问 这样放在服务器目录就访问不到了 报错为: 手动更改index.htm ...

  10. 学习图像算法阶段性总结 (附一键修图Demo)

    今天特别感慨.自己从决定研究图像处理.势必要做出一键修图算法. 经历了,三个多月的书籍积累,三个多月的算法调整以及优化. 人是一种奇怪的动物.当你做不到的时候,你以为做到了.自己会感觉非常爽,非常有成 ...