前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >win10 uwp 修改CalendarDatePicker图标颜色

win10 uwp 修改CalendarDatePicker图标颜色

作者头像
林德熙
发布2018-09-18 16:05:05
6330
发布2018-09-18 16:05:05
举报
文章被收录于专栏:林德熙的博客林德熙的博客

如果不知道我说的是哪个,请看下面的图。

这里写图片描述
这里写图片描述

左边颜色变化的就是我们要修改的图标。

要修改他很简单,我们需要写资源。

代码语言:javascript
复制
<CalendarDatePicker>
    <CalendarDatePicker.Resources>
        <SolidColorBrush x:Key="CalendarDatePickerCalendarGlyphForeground" Color="CornflowerBlue"/>
    </CalendarDatePicker.Resources>
</CalendarDatePicker>

图标使用的资源被我们在资源重写,于是他就使用我们的资源,这是一个好办法,在堆栈网看到的。

上面的图,其实代码很少

代码语言:javascript
复制
           <StackPanel>
               CalendarDatePicker 是一个好用的东西,但是我发现想要修改他右边的那个图标,显示日历的图标颜色,没有这个选项。

<!--more-->

<div id="toc"></div>

如果不知道我说的是哪个,请看下面的图。

![这里写图片描述](http://img.blog.csdn.net/20170103153113813?watermark/3/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGluZGV4aV9nZA==/font/5a6L5L2T/fontsize/200/fill/I0JBQkFCMA==/dissolve/70/gravity/West)

左边颜色变化的就是我们要修改的图标。

要修改他很简单,我们需要写资源。

```xml
<CalendarDatePicker>
    <CalendarDatePicker.Resources>
        <SolidColorBrush x:Key="CalendarDatePickerCalendarGlyphForeground" Color="CornflowerBlue"/>
    </CalendarDatePicker.Resources>
</CalendarDatePicker>

图标使用的资源被我们在资源重写,于是他就使用我们的资源,这是一个好办法,在堆栈网看到的。

上面的图,其实代码很少

代码语言:javascript
复制
           <StackPanel>
                <CalendarDatePicker Margin="10,10,10,10" HorizontalAlignment="Center"></CalendarDatePicker>
                <CalendarDatePicker Margin="10,10,10,10" HorizontalAlignment="Center">
                    <CalendarDatePicker.Resources>
                        <SolidColorBrush x:Key="CalendarDatePickerCalendarGlyphForeground" Color="CornflowerBlue"/>
                    </CalendarDatePicker.Resources>
                </CalendarDatePicker>

                <CalendarDatePicker Margin="10,10,10,10" HorizontalAlignment="Center">
                    <CalendarDatePicker.Resources>
                        <SolidColorBrush x:Key="CalendarDatePickerCalendarGlyphForeground" Color="Gray"/>
                    </CalendarDatePicker.Resources>
                </CalendarDatePicker>

                <CalendarDatePicker Margin="10,10,10,10" HorizontalAlignment="Center"
                                    Foreground="MediumSeaGreen"  Header="前景色" >
                   
                </CalendarDatePicker>

                <CalendarDatePicker Margin="10,10,10,10" HorizontalAlignment="Center"
                                    Header="" PlaceholderText="PlaceholdText" Foreground="Black">

                </CalendarDatePicker>
            </StackPanel>

http://stackoverflow.com/questions/41424379/change-foreground-property-of-calendarglyph-in-calendardatepicker

代码 https://github.com/lindexi/UWP/tree/master/uwp/src/CalendarDatePickerForeground

在上传图片,发现csdn博客可以在图片加水印。下面我就来说下在图片加水印。

发现csdn图片可以加水印,csdn 上传的图片加水印,需要在原先的图片加一句watermark。

我们可以在原先上传的图片,假如地址为http://img.blog.csdn.net/20170103153113813,我们在最后面加上 ?watermark/[数字3显示水印]/text/[水印base64]/font/5a6L5L2T/fontsize/[字体大小]/fill/[颜色 #HHHHHH base64]/dissolve/70/gravity/[方向 South SouthEast North West Center 大小写必须是和我们的一样]

看起来大概就是![这里写图片描述](http://img.blog.csdn.net/20170103153113813?watermark/3/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGluZGV4aV9nZA==/font/5a6L5L2T/fontsize/200/fill/I0JBQkFCMA==/dissolve/70/gravity/West)

字体大小在400左右是比较好。


本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档