www.9778.com 35

02、Universal app 中按钮图标使用

步骤二:打开“字体”对话框后,选择“字符间距”,选择缩放比例为200%

 

18、保持“图层
2”处于活动状态,选择“窗口”>“样式”来打开“样式”调板。在缩览图列表的末尾找到您存储的“Rain
Drops”样式,点按该样式将其应用到“图层
2”。www.9778.com 119、OK完成了,像不像呀!!!www.9778.com 2

在基本字体格式确定的情况下,缩小文字之间的距离是最容易想到的办法之一。实现的办法也挺简单的,那就是先选中要调整的文本,再点击”开始“选项卡”字体“选项卡右下角的对话框启动器,打开”字体“对话框。点击”字符间距“选项卡,然后在”间距“下拉列表中点击”紧缩“选项,并在其后的”磅值“微调框中设置好紧缩的磅值,通常情况下,宋体的5号字可以设置为”1“磅。不要小看了这个”1磅“,呵呵,关键时刻,为您挤出几个字的空间来还是可以做得到的。

关于字符缩放在哪里设置的问题解答

 

Photoshop制用水滴字 (载入中…) 最终效果图
www.9778.com 2
1、建议采用以下字体和文档规格。该技术采用了一些基于像素的滤镜和基于点的文字,所以这些规格对于重现效果是很重要的。图像规格:1117
x 865 像素(266 dpi),RGB 颜色。字体规格:Present,常规,60 点。
2、现在,选择“图层”>“新建”>“图层”并点按“好”,或点按“图层”调板底部的“创建新的图层”图标。这将创建“图层
1”。按 (D) 键盘键设置默认颜色,此时前景色色板将变成黑色,按 (B)
键盘键激活“画笔”工具,然后在上方的选项栏中进行如下设置:19
像素的硬边画笔、正常模式、 100% 不透明度。 3、现在在“图层
1”中画一个小黑点并在画的时候稍微摆动一下画笔。我们将利用这个初始形状构建图层
样式。 按 (Z)
键盘键激活“缩放”工具并点按您画的水滴进行放大,这样可以看得更清楚。
www.9778.com 4
4、在“图层”调板中两次点按“图层 1”缩览图,打开“图层样式”对话框。
向下找到“高级混合”部分,将“填充不透明度”更改为
3%。这会减少填充像素的不透明度,但保持图层中所绘制的形状。注注注注意意意意::该步骤会使您在“图层
1”中绘制的黑色几近于消失。
www.9778.com 5

www.9778.com,一、缩小字间距

步骤一:“遥远”所运用的是字符缩放中的变胖效果,先选择要设置的文本,从“开始”菜单选择字体右下角的小按钮单击,可以打开“字体”对话框

1)众多可以选择的矢量 icon:

8、在对话框左侧的效果列表中点按“斜面和浮雕”名称。
在“结构”部分,将“方法”设置为“雕刻清晰”,“深度”设置为 250%,“大小”设置为
15 像素, “软化”设置为 10 像素。 9、在“阴影”部分,将“角度”设置为
90,“高度”设置为 30,“不透明度”设置为
100%。然后将“暗调模式”设置为“颜色减淡”,其颜色色板设置为白色,“不透明度”设置为
37%,现在已完成了图层样式的设置,但先不要点按“好”。
10、按“图层样式”对话框右侧的“新建样式”按钮。这将打开一个对话框,您可以在其中命名该样式并点按“好”进行存储。注意:存储完样式后,您可以通过选择“窗口”>“样式”,在打开的“样式”调板中最后一个缩览图的位置找到该样式。
11、现在点按“好”退出“图层样式”对话框。在“图层”调板中,点按图层样式 (f)
图标旁边的箭头来隐
藏样式。注注注注意意意意::::您可以在“图层1”上再绘制一些水滴。只需确保画笔工具处于活动状态并且在您希望出现水滴的位置进行绘制。您也可以使用“橡皮擦”工具来编辑或移去现有的水滴。
12、按 (T)
键盘键激活“文字工具”。在上方的选项栏中,点按“调板”按钮打开“字符”调板。在“字符”调板中选择所需的字体。将颜色设置为黑色。然后点按“段落”选项卡并点按调板左上部分的“居中文本”按钮,现在点按文档中心并输入“Rain
Drops”。若要重新放置键入的文本,可将光标移动到文本之外直到光标变成一个移动图标,然后点按拖动。若要应用文本,可点按选项栏右上方的对钩或按
Enter 键 (Mac) 或 Ctrl-Enter 键 (Windows)。这样将会生成文字图层“Rain
Drops”。 13、保持“Rain Drops”文字图层处于活动状态,按住 Command 键 (Mac)
或Ctrl 键 (Windows) 点按“图层”
调板底部的“创建新的图层”图标,在文字图层下方创建一个新的图层。此时将创建“图层
2”。   通过按 (D) 键盘键载入默认颜色来用白色填充“图层
2”。然后选择“编辑”>“填充”>“背景色”或 按 Command-Delete 键 (Mac) 或
Ctrl-Backspace 键 (Windows),用背景色填充图层。   点按“Rain
Drops”图层来激活该图层。   选择“图层”>“向下合并”或按 Command-E 键
(Mac) 或 Ctrl-E 键 (Windows)。这将移去“Rain
Drops”图层并将其向下合并到“图层 2”中。
www.9778.com 6
14、保持“图层
2”处于活动状态,选择“滤镜”>“像素化”>“晶格化”。将“单元格大小”设置为
10,然后点按“好”。
www.9778.com 7

在我们平时制作Word个人简历表格的操作中,有时会遇到表格单元格大小基本固定,却需要在单元格中放入较多内容的情况。如果遇到字体、字号也要固定的情况,那么如何在单元格中放入更多的文字呢?以下的几个小小的招数也许不能让您放入大段的文字,在我们平时对Word表格的操作中,有时会遇到表格单元格大小基本固定,却需要在单元格中放入较多内容的情况。如果遇到字体、字号也要固定的情况,那么如何在单元格中放入更多的文字呢?以下的几个小小的招数也许不能让您放入大段的文字,但是碰上一两个字放不下而憋倒英雄汉的情况,还是可以抵挡一阵的。

www.9778.com 8

显示效果:

5、在对话框左侧的效果列表中点按“投影”名称(不是复选框)。
在右侧的“投影”部分,设置“不透明度”为 100%,将“距离”更改为 1
像素,“大小”更改为 1
像素。在“品质”部分,点按“等高线”曲线缩览图右侧的向下小箭头并选择“高斯”曲线。这是一条看起来像平滑的倾斜的
(S) 字母的曲线。
www.9778.com 9
6、在对话框左侧的效果列表中点按“内阴影”名称。在“结构”部分,将“混合模式”设置为“颜色加深”,“不透明度”设置为
43%,“大小”设置为 10 像素。
www.9778.com 10
7、在对话框左侧的效果列表中点按“内发光”名称。在“结构”部分,将“混合模式”设置为“叠加”,“不透明度”设置为
30%,颜色色板设置为黑色。若要更改颜色色板,可点按颜色色板打开拾色器,将光标拖动到黑色,然后点按“好”。
www.9778.com 11

二、调整单元格边线

www.9778.com 12

 

最终效果图
www.9778.com 2
1、建议采用以下字体和文档规格。该技术采用了一些基于像素的滤镜和基于点的文字,所以这些规格对于重现效果是很重要的。图像规格:1117
x 865 像素(266 dpi),RGB 颜色。字体规格:Present,常规,60 点。
2、现在,选择“图层”>“新建”>“图层”并点按“好”,或点按“图层”调板底部的“创建新的图层”图标。这将创建“图层
1”。按 (D) 键盘键设置默认颜色,此时前景色色板将变成黑色,按 (B)
键盘键激活“画笔”工具,然后在上方的选项栏中进行如下设置:19
像素的硬边画笔、正常模式、 100% 不透明度。 3、现在在“图层
1”中画一个小黑点并在画的时候稍微摆动一下画笔。我们将利用这个初始形状构建图层
样式。 按 (Z)
键盘键激活“缩放”工具并点按您画的水滴进行放大,这样可以看得更清楚。
www.9778.com 4
4、在“图层”调板中两次点按“图层 1”缩览图,打开“图层样式”对话框。
向下找到“高级混合”部分,将“填充不透明度”更改为
3%。这会减少填充像素的不透明度,但保持图层中所绘制的形状。注注注注意意意意::该步骤会使您在“图层
1”中绘制的黑色几近于消失。
www.9778.com 5

如果我们整张资产负债表都希望做此处理,那么也不用逐一单元格进行处理,只要将鼠标定位在表格的任一单元格,然后单击功能区”表格工具“下的”布局“选项卡”对齐方式“功能组中”单元格边距“按钮,打开”表格“选项对话框,调整”默认的单元格边距“中的相应数值就可以了。

 

15、保持“图层
2”处于活动状态,选择“滤镜”>“模糊”>“高斯模糊”。在对话框中将“半径”设置为
5.0
像素,然后点按“好”。www.9778.com 1616、保持“图层2”处于活动状态,选择“图像”>“调整”>“色阶”。在“色阶”对话框中将“输入色
阶”设置为
160、1.00、190,然后点按“好”。www.9778.com 1717、若要从“图层
2”中载入一个选区,可按 Command-Option-~ 键 (Mac) 或 Ctrl-Alt-~ 键
(Windows)。也可
以通过点按“通道”选项卡,然后点按调板底部的“将通道作为选区载入”图标来完成该操作。  将载入选区并选定白色区域。按
Delete 键 (Mac) 或 Backspace 键 (Windows)
移去黑色文本周围的白色区域。现在可选择“选择”>“取消选择”来取消选择。www.9778.com 18

如果您觉得这种方法比较罗嗦,那么可以按下”Alt“键不放,再用鼠标拖动表格线,也可以实现精确移动的。

全部的相关 xaml 代码: 

点击功能区”页面布局“选项卡”页面设置“功能组右下角的对话框启动器,打开”页面设置“对话框,点击”文档网格“选项卡,然后点击下方的”绘图网格“按钮,打开”绘图网格“对话框,然后将”网格设置“项目下的”水平间距“和”垂直间距“后的数字都调整到最小。这样,再调整表格线的时候就方便多了。

 3、搜索图标

虽说本单元格没有多少空间了,但是相邻单元格还是可以再挤一挤的。所以,您肯定会想到调整一下单元格的表格线。但是,相邻单元格也没有多少空间,而用鼠标拖动表格线却总也不能拖到预期的位置,很不好操作。别急,这时候应该这样做:

 

也许您注意到了,在单元格中文本与表格边线之间还是有一定的距离的。缩小这个距离也许也可以为单元格提升那么一点点空间。提醒大家只要将鼠标定位于要调整的单元格,点击右键,在弹出的菜单中点击”表格属性“命令,打开”表格属性“对话框。单击”单元格“选项卡,然后点击右下方的”选项“按钮,打开”单元格选项“对话框。在此对话框中,取消”与整张表格相同“复选项的选择,然后其下方的”上“、”下“、”左“、”右“四个微调框就可以使用了。将原有的数字调小就可以了。

其它的是使用的矢量图标
或者控件,支持无损缩放
):

还有有一种方法可以让文本更”苗条“一些,苗条了,那么空间自然就显得大了。方法很简单。选中单元格中的文本,点击功能区”开始“选项卡”段落“功能组”中文版式“按钮,在弹出的菜单中点击”字符缩放“,然后选择级联菜单中的相应比例,就可以达到文本瘦身的目的了。

www.9778.com 19

 

 

 

第5个:

 

2)比如上面的 “太极” 的图案,点击“编辑按钮”,可以进行各种编辑操作:

这里设置一个简单的椭圆:

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

www.9778.com 20

www.9778.com 21

而 Button 间接继承自 ContentControl,它的 Content 属性是 object 类型的:

 

首先在页面中,5个按钮的显示效果(按钮放大后,明显看到第三个 “搜索按钮”
出现了锯齿现象,原因是使用了 png 图片作为图标,

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

 

 

 

相关 xaml:

 

前面 4个:

正文:

 www.9778.com 22

如果在高清屏上,有可能出现锯齿,而其它几个是支持矢量缩放的。

www.9778.com 23

www.9778.com 24

我也小兴奋了一把。

 

图标利器
“MetroStudio”

 

5、直接设置 UIElement
作为 AppBarButton 的内容

 www.9778.com 25

之所以可以直接设置 xmal 元素,原因是 AppBarButton 继承自 Button,

这个是最简单的了,把 BitmapIcon 对象设置为本地工程目录下的一张
png 图片即可,缺点是

app bar 的设置方式较多了。

www.9778.com 26

在 xaml 中,选中app bar 中的按钮,F4 打开属性对话框,在 Symbol
下拉框中,有很多

www.9778.com 27

www.9778.com 28

www.9778.com 29

完。

4、设置  PathIcon.Data

     前言,windows10 昨天凌晨发布了,windows store 开发模型比以前的
silverlight 模型由很多优势,

1、飞机图标

 

 

www.9778.com 30

因为该 Data 对象是一个 Geometry
类型的属性,所以可以把它的众多子类赋值给它:

 

1、Guidelines for Segoe UI Symbol
icons

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

www.9778.com 31

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

 

ICON 枚举可以选择:

1)在 win8.1 系统桌面右侧的 “超级按钮” 中搜索选项中,输入“字符”,打开
“字符映射表” :

2、笑脸图标

1)在 xaml 页面,打开 AppBarButton的属性对话框:

2、Symbol
enumeration

 <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>

 

3) 可以在 xaml 页面中,选中 AppBarButton 后,点击键盘的 F4,
在属性窗口中,进行设置:

 

 

在 windows phone 8.0 以前的开发中, application bar
的图标设置相对单一,到了 windows store app 后,

相关的 xaml:

 

www.9778.com 32

相关:

www.9778.com 33

 

这里设置为一个 TextBlock 控件:

从 version 1.0  就开始使用了,现在是最新的 version
3.0(下载地址),功能更加丰富,图标也变多了

使用的是 windows 系统默认安装的 “Segoe UI Symbol” 字体

www.9778.com 34

www.9778.com 35

 

(另附一个园友的 “Segoe UI
Symbol图标字体及常用图标列表”)

2)打开后,选择 “Segoe UI Symbol” 字体,并且选择需要设置的图标(这里选择
“飞机”):

 

3)选择 “代码视图”,可以直接编辑生成的 xaml 和 网页绘制控件的 svg
格式的代码,相当酷: