图片 9

中按钮图标使用,字符缩放在哪里设置

关于字符缩放在何地设置的难点解答

 

手续一:“遥远”所利用的是字符缩放中的发福效果,先选取要设置的文书,从“起初”菜单接收字体右下角的小按键单击,能够张开“字体”对话框

     前言,windows10 几日前黎明(lí míng卡塔尔公布了,windows store 开辟模型比早前的
silverlight 模型由众多优势,

图片 1

自家也小开心了一把。

手续二:展开“字体”对话框后,选择“字符间隔”,选择缩放比例为200%

 

图片 2

正文:

在 windows phone 8.0 在此之前的付出中, application bar
的Logo设置相对单一,到了 windows store app 后,

app bar 的安装方法相当多了。

 

第一在页面中,5个按钮的体现效果(按键放大后,鲜明看到第多个 “找出按钮”
现身了锯齿现象,原因是使用了 png 图片作为Logo,

其他的是运用的矢量图标可能控件,接济无损缩放):

前面 4个:

 图片 3

第5个:

图片 4

 

全方位的相关 xaml 代码: 

 <Page.BottomAppBar>
     <CommandBar>
         <AppBarButton Label="飞机">
             <AppBarButton.Icon>
                 <FontIcon FontFamily="Segoe UI Symbol" Glyph="&#xE0EB;"/>
             </AppBarButton.Icon>
         </AppBarButton>

         <AppBarButton Label="笑脸">
             <AppBarButton.Icon>
                 <SymbolIcon/>
             </AppBarButton.Icon>
         </AppBarButton>

         <AppBarButton Label="搜索">
             <AppBarButton.Icon>
                 <BitmapIcon UriSource="Images/test/search.png"/>
             </AppBarButton.Icon>
         </AppBarButton>


         <AppBarButton Label="椭圆">
             <AppBarButton.Icon>
                 <PathIcon>
                     <PathIcon.Data>
                         <EllipseGeometry  RadiusX="10" RadiusY="5" Center="20,20"/>
                     </PathIcon.Data>
                 </PathIcon>
             </AppBarButton.Icon>
         </AppBarButton>  


         <AppBarButton Label="控件">
             <TextBlock Text="love" Foreground="Yellow" FontSize="15" Margin="8,10,0,0"/>
         </AppBarButton>
     </CommandBar>
 </Page.BottomAppBar>

 

1、飞机Logo

选取的是 windows 系统私下认可安装的 “Segoe UI Symbol” 字体

1)在 win8.1 系统桌面左边的 “一流按键” 中寻觅选项中,输入“字符”,张开“字符映射表” :

图片 5

 

2)打开后,接受 “Segoe UI Symbol” 字体,而且选取供给安装的Logo(这里选用“飞机”):

图片 6

 

将  “” 设置给 FontIcon 的
Glyph天性,注意前缀 &#x 和 后缀 ; 

<AppBarButton Label="飞机">
    <AppBarButton.Icon>
        <FontIcon FontFamily="Segoe UI Symbol" Glyph="&#xE0EB;"/>
    </AppBarButton.Icon>
</AppBarButton>

 

3卡塔尔(قطر‎ 可以在 xaml 页面中,选中 AppBarButton 后,点击键盘的 F4,
在质量窗口中,实行设置:

图片 7

 

2、笑颜Logo

在 xaml 中,选中app bar 中的按键,F4 张开属性对话框,在 Symbol
下拉框中,有无数

ICON 枚举能够接收:

图片 8

 

相关的 xaml:

 <AppBarButton Label="笑脸">
     <AppBarButton.Icon>
         <SymbolIcon/>
     </AppBarButton.Icon>
 </AppBarButton>

 

 3、找出图标

本条是最轻易易行的了,把 BitmapIcon 对象设置为本地下工作程目录下的一张
png 图片就可以,缺点是

纵然在高清屏上,有望现身锯齿,而别的多少个是支撑矢量缩放的。

图片 9

相关 xaml:

 <AppBarButton Label="搜索">
     <AppBarButton.Icon>
         <BitmapIcon UriSource="Images/test/search.png"/>
     </AppBarButton.Icon>
 </AppBarButton>

发表评论

电子邮件地址不会被公开。 必填项已用*标注