无限互联WXLabel 文字的排版与设计
wpf label用法
WPF Label用法1. 简介WPF（Windows Presentation Foundation）是微软推出的一种用于构建现代化用户界面的技术。
在WPF中，Label是常用的控件之一，用于显示文本内容。
本文将详细介绍WPF Label的使用方法。
2. 基本用法在XAML中使用Label非常简单，只需添加一个Label元素，并设置其Content属性即可。
以下是一个基本的示例：<Label Content="Hello, World!" />上述代码将在界面上显示一个标签，内容为”Hello, World!“。
3. 样式和外观3.1 文字样式Label控件提供了多种属性来控制文字的样式，包括字体、大小、颜色等。
•FontFamily: 设置文字的字体家族。
•FontSize: 设置文字的大小。
•FontWeight: 设置文字的粗细。
•FontStyle: 设置文字的风格（如斜体）。
以下示例演示了如何设置这些属性：<Label Content="Hello, World!"FontFamily="Arial"FontSize="16"FontWeight="Bold"FontStyle="Italic" />3.2 前景和背景色除了文字样式外，Label还提供了前景色和背景色属性来控制标签的颜色。
•Foreground: 设置前景色（文字颜色）。
•Background: 设置背景色。
以下示例演示了如何设置这些属性：<Label Content="Hello, World!"Foreground="Red"Background="LightGray" />3.3 对齐方式Label控件还提供了对齐方式属性来控制文本在标签中的位置。
平面设计文字排版技巧
平面设计文字排版技巧平面设计文字排版技巧文字排版设计是平面设计中最重要也是最能打动人心的设计要素之一。
无论你的设计水平处于哪个阶段，文字排版准则对于提升你的设计能力都非常有帮助。
试着了解字体设计相关的资料，例如一个特定字体的起源或者是一个字体的结构，因为这样做可以扩大你的知识面。
当你真正掌握了字体排版的方法，你的潜在客户会对你更加钦佩。
当然，作为一名设计师，了解字体排版设计的来龙去脉也是职责所在。
一旦你掌握了其中的方法，对于字体排版简直轻而易举！1.学习基础知识第一步，学习文本排版更有效的方式是掌握排版艺术的本质。
如果你是排版设计的新手，可能认为字体排版就是简单的练习就可以了。
事实上，排版设计是很复杂的技能，因为它是艺术与科学的结合。
一个文本排版设计作品由特定的元素组成，经过精确的测量，同时需要考虑并采用设计规范进行设计。
就像不同的设计形式，只有你完全掌握之后才能打破现有的规则。
同时只有你确定表达了排版设计中的重要意义，排版的形式才会被用户接受。
为了能够更好的掌握排版设计的基本技巧，你需要多学习多了解排版设计艺术。
2. 注意字体表达的含义字体的选择并不是一个随机过程。
仅仅通过搜索你的字库选择喜欢的字体，很少能得到一个满意的结果。
这是因为用户的心理更倾向于有特定意义的字体样式。
在设计过程中，你应当确保你的字体样式符合用户使用习惯。
这不仅仅意味着你选择的字体是经过完美设计的，更要保证你设计中使用的字体是符合市场营销需要的。
你不会将精心设计的彩色字体应用于一本律师事务所的小册子，对么？其实它更适合用于生日宴会请帖的设计。
3. 理解字间距草率的字间距调整是设计工作中的大忌。
不用多说，这个关键的技能你应该尽快搞定。
字体间距微调整可以使人物角色到产品的转变更合理，更统一。
这听起来好像不那么重要，但是一个优秀的字间距调整工作可以成就一个完全不同的设计。
字间距调整的主要目标是确保每个字符之间的空间美学，创建优美的文本序列。
平面设计文字排版方式
平面设计文字排版方式平面设计文字排版方式是指将文字与图形进行布局、排版、设计，使之呈现出美观、统一、易于阅读的效果。
文字排版是平面设计的重要组成部分，它对于整体设计效果的影响是至关重要的。
一、字体选择字体选择是文字排版中最为重要的一环，因为字体的选择不仅会影响整体设计的效果，更会影响到文章获得读者青睐的程度。
在选择字体的时候需要考虑字体的可读性、良好的显示效果、与品牌形象的契合度等方面。
1.字体的可读性一个好的字体需要具备较高的可读性。
可读性是指人们能够理解、解释字符的过程，排版师应根据文章内容来选择可读性好的字体样式，以保证读者能够顺畅地阅读文字。
一些排版师注重字体的视觉效果，而忽略了可读性，这将会对文章的传达造成一定的障碍。
2.字体与品牌形象的契合度在进行文字排版时，字体的选择必须与品牌形象相符，它能够传达出品牌的特定属性和品牌的形象感。
例如，一个杂志最好选择sans-serif 字体，而对于法律协议或其他要求统一性的文档，则最好选择宋体等传统字体。
3.字体的显示效果在许多排版设计项目中，设计者会涉及到不同的设备（如平板、手机、电脑等），因此在选择字体时要考虑到不同设备对显示效果的影响。
一些字体在特定的设备上显示时，会出现模糊、扭曲、失真甚至是错位的情况，这会影响到阅读者的体验感。
二、行间距、行距与字间距行间距、行距与字间距在文字排版中也是非常重要的部分。
适当的行间距、行距与字间距有助于减轻读者的视觉疲劳，令文章更加易于读懂和接受。
1. 行间距行间距是指两行文字之间的距离。
适宜的行间距是指能够保证文字的清晰度和易读性，对于易视觉疲劳的人来说，比较大的行间距也是必须的。
一般在小字号排版中，建议行距为1.2倍到1.5倍字号；而较大字号排版中，建议采用少量的行距，以保证文本的紧凑度。
2. 行距行距是指每行文字内部的间距。
一个合适的行距应该可以让读者看起来感觉很紧凑，而不是遭遇字体累赘或缺失的问题。
《Sway》的在线交互式文稿设计技巧与实战案例
《Sway》的在线交互式文稿设计技巧与实战案例随着在线教育的普及，交互式文稿的设计与制作也变得越来越重要。
而Sway作为一款功能强大、易用性较高的在线交互式文稿工具，成为许多教育者、企业人士以及个人办公使用的首选。
本文将从Sway 的设计技巧、交互元素的选取、排版组合的运用以及实战案例等方面来为大家介绍如何设计一份具有可视化效果和用户友好性的交互式文稿。
一、Sway的设计技巧1.简洁明了Sway的设计风格偏向于简洁、明了、大气。
在版面上尽量减少不必要的文字和图片，突出主题和核心信息，让观众能够快速地抓住内容。
2.突出互动性Sway的核心功能就是互动性，在设计时需要充分考虑观众的体验。
可以通过添加动画、视频、音频等元素来提高用户参与感，增强互动性。
同时还可以设置分页、引导条等工具，方便观众快速跳转。
3.风格统一在Sway的设计中，要注意统一风格。
文本颜色、字体、图片风格等都应保持一致，这样可以让观众更好地理解信息。
二、交互元素的选取1.图片与图表Sway支持添加图片和图表，可以通过他们来替代部分文字说明，更加形象生动地展现数据和信息。
2.视频与音频通过添加视频和音频元素，可以让观众更好地参与到文稿中来，增加内容本身的丰富度和互动性。
3.互动式表单互动式表单可以在Sway上实现，通过添加表单元素可以收集观众的反馈意见和建议，同时也能够让观众更好地参与到文稿中来。
三、排版组合的运用1.渐进式呈现渐进式呈现是一种逐步展示文稿内容的方法，可以让观众更好地跟随文稿的节奏，掌握文稿的核心元素。
2.恰当的强调在文稿中，经常需要强调某些重要的信息，可以使用粗体、加粗或者彩色字体来进行强调，但不要过度使用，避免分散读者的注意力。
3.滑动式津贴Sway还支持滑动式津贴设计，可以将多个元素组合成一个整体，引领用户浏览文稿，让用户对文稿信息更加直观。
四、实战案例以下是一份以“人工智能与未来教育”为主题的实战案例：1.通过引言或者问题的提出，逐步引领读者进入主题；2.简体明了的图片展示和图表呈现，让主题更加直接可见；3.适度的动画添加和视频展示，增加文稿的生动感和参与感；4.添加互动式表单，让观众能够参与到文稿中来，提出自己的意见和建议；5.渐进式呈现设计，让观众能够有足够的时间仔细阅读和理解文稿内容。
wpf label用法
wpf label用法WPF Label用法详解WPF Label是WPF中常用的控件之一，它用于显示文本或图像等内容。
在WPF中，Label控件可以用于显示静态文本或动态文本，也可以用于显示图像或其他控件。
本文将详细介绍WPF Label的用法。
一、创建WPF Label控件在WPF中，创建Label控件非常简单，只需要在XAML文件中添加以下代码即可：```xml<Label Content="Hello World!" />```上述代码中，Content属性用于设置Label控件的文本内容。
当然，也可以使用其他属性来设置文本内容，例如：```xml<Label Content="{Binding UserName}" />```上述代码中，Content属性使用了数据绑定，将Label控件的文本内容绑定到了ViewModel中的UserName属性。
二、设置WPF Label的样式WPF Label控件的样式可以通过Style属性来设置。
例如，可以设置Label控件的字体、字号、字体颜色等属性，如下所示：```xml<Label Content="Hello World!" Style="{StaticResource MyLabelStyle}" />```上述代码中，Style属性使用了静态资源MyLabelStyle，该资源定义了Label控件的样式，如下所示：```xml<Style x:Key="MyLabelStyle" TargetType="{x:Type Label}"><Setter Property="FontFamily" Value="Arial" /><Setter Property="FontSize" Value="14" /><Setter Property="Foreground" Value="Red" /></Style>```上述代码中，定义了一个名为MyLabelStyle的静态资源，该资源的TargetType属性设置为Label，表示该样式适用于Label控件。
网络文章排版设计细则
网络文章排版设计细则在信息爆炸的时代，网络文章已经成为人们获取信息的主要途径之一。
而一个好的排版设计可以让文章更加易读、美观，提升阅读体验。
本文将探讨网络文章排版设计的细则，帮助作者提升文章的质量和吸引力。
一、字体选择与搭配字体是文章排版设计中至关重要的一环。
首先，选择一个适合屏幕阅读的字体是必要的。
Sans-serif字体如Arial、Helvetica等在屏幕上的清晰度更高，易于阅读。
其次，搭配不同字体可以增加文章的层次感。
标题可以使用粗体、大号字体，正文则使用较小号的字体，以突出重点并提高可读性。
二、行间距与段落间距适当的行间距和段落间距可以让文章更加通顺流畅，提高阅读体验。
行间距一般建议设置为正文字号的1.5倍，段落间距则可以通过空行或首行缩进来实现。
合适的行间距和段落间距可以让读者更轻松地阅读文章，不会感到拥挤或压抑。
三、标题与副标题设计标题是文章的门面，能否吸引读者的眼球与否取决于标题的设计。
首先，标题要简洁明了，能够准确概括文章的主题。
其次，可以使用一些修饰性的元素来增加标题的吸引力，如粗体、斜体、下划线等。
副标题则可以用来进一步展开主题或提供更多信息，但不宜过多，以免分散读者的注意力。
四、图片与配图图片在文章中起到画龙点睛的作用，可以增加文章的吸引力和可读性。
选择高质量、与主题相关的图片，并注意版权问题。
图片的大小要适中，不宜过大以免影响加载速度。
在插入图片时，可以添加适当的边距和文字说明，以增加图片与正文的衔接性。
五、引用与引用格式引用是文章中常用的一种表达方式，可以增加文章的权威性和可信度。
在引用他人观点或数据时，应注明出处，遵循学术规范。
引用格式可以根据不同的学科领域选择合适的规范，如APA、MLA等。
在文章中使用引用时，要注意与正文的衔接，避免突兀或脱节。
六、段落结构与分段良好的段落结构可以使文章更加条理清晰，易于阅读。
每个段落应该有一个明确的主题句，并围绕这个主题句展开论述。
Wexcl操作指南从入门到精通的完全教程
Wexcl操作指南从入门到精通的完全教程Wexcl是一款功能强大的文本编辑器，广泛应用于数据处理、编程开发以及文档编辑等领域。
本文将从入门到精通，为您详细解读Wexcl的常用操作方法和技巧，帮助您掌握并提升在Wexcl中的工作效率。
一、Wexcl简介Wexcl是一款基于命令行的文本编辑器，拥有许多高级功能和扩展。
它支持多个操作系统，如Windows、Mac和Linux，并且具有友好的用户界面。
Wexcl的特点包括代码高亮、文本自动补全、宏录制回放等，适用于各种文本处理需求。
二、安装和启动Wexcl1. 下载Wexcl安装包并解压到指定目录；2. 打开终端或命令提示符窗口；3. 切换到Wexcl所在的目录；4. 输入命令"wexcl"启动Wexcl。
三、基本操作指南1. 打开和保存文件- 使用命令"o [文件名]"打开文件；- 使用命令"s [文件名]"保存文件。
2. 光标和选择文本- 使用方向键或H、J、K、L键移动光标；- 使用Shift + 方向键或使用v键进行文本选择。
3. 复制、剪切和粘贴- 使用命令"yy"复制当前行；- 使用命令"dd"剪切当前行；- 使用命令"p"粘贴已复制或剪切的文本。
4. 撤销和重做操作- 使用命令"u"撤销上一步操作；- 使用命令"Ctrl + r"重做已撤销的操作。
5. 查找和替换文本- 使用命令"/[关键词]"查找文本；- 使用命令":s/[关键词]/[替换词]"替换文本。
6. 快捷键和命令Wexcl提供了丰富的快捷键和命令，可以大幅提高编辑效率。
例如：- 使用"Ctrl + f"快速查找文本；- 使用":%s/[关键词]/[替换词]/g"替换整个文件中的文本。
设计文本排版思路
设计文本排版思路设计文本排版时，可以从以下几个方面出发，思考如何使文本内容更加清晰、有序、易读。
1.字号和字体选择：选择适合的字号和字体，确保文本清晰可读。
通常标题使用较大的字号和粗体字体突出显示，正文则使用较小的字号和清晰易读的字体。
2.行间距和字间距：适当控制行间距和字间距，使文本有足够的间隔，以提升阅读的舒适感。
行间距可以考虑设置为正文字号的1.2倍到1.5倍，字间距可根据字体情况微调。
3.段落缩进和对齐方式：在正文中，可以设置合适的段落缩进，使文本更加整齐有序。
对齐方式可选择左对齐，右对齐或两端对齐，根据实际情况选择最适合的方式。
常见的段落缩进为首行缩进2个字符。
4.标题层次和样式：对于较长的文本，可以使用标题来划分章节和段落，使读者能够快速获取结构信息。
标题的层次应该清晰明确，使用不同的字号、粗细或颜色来区分。
使用合适的标题样式可以使整个文本更有层次感。
5.列表和项目符号：在列举或描述一组相关内容时，可以使用有序或无序列表来有效展示。
有序列表可以按照顺序排列，无序列表可以使用符号或图标标识项之间的关系。
6.引用和注释：引用和注释可以帮助突出重要信息或补充说明。
可以使用引用块或斜体、加粗等样式对引用和注释进行标识，增加信息的可读性和可理解性。
7.分割线和区块划分：使用分割线或合适的区块划分来区分不同的内容块，使文本更加清晰易读。
8.图表和表格排版：如果文本中含有图表和表格，需要合理排版，使其与文本内容有良好的结合。
可以设置标题、注释等，确保图表和表格的信息表达清晰。
总之，在进行文本排版时，需要注重整体的可读性和美观性，合理使用各种排版元素和样式，使读者能够更轻松地阅读和理解文本内容。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
【无限互联】WXLabel 文字的排版与设计众多的APP中，大多数项目都需要针对不同的文字内容或者图片，进行不同的设计，像字体的大小，行距，对齐方式等。
当然在社交类项目中，会使用到表情符号等图片，穿插与文字之中。
像这类功能，通过CoreText内置框架大部分就能够解决，但是像文字超链接，文字的选取这类功能，CoreText就无法完成。
这时候就需要在CoreText的基础上，进行进一步封装。
在这里，针对这一需求，在CoreText的基础上，集成RegexKitLite，封装了WXLabel这样一个能够对文字精加工的类。
首先，如下图所示，创建WXLabel类，并在其中导入CoreText/CoreText.h 框架、regexKitLite.h文件。
在初始化中，对WXLabel进行一些基础设置。
因为在后续中，会设置超链接，对UILabel 进行点击，所以需要设置该WXLabel为可点击状态。
并且，设置它的默认行间距、超链接文字颜色和当手指经过超链接时，文字的颜色。
[objc]view plaincopyprint?1.- (id)initWithFrame:(CGRect)frame2.{3.self = [super initWithFrame:frame];4.if (self) {5.// Initialization code6.//开启当前点击的手势erInteractionEnabled = YES;8.//缓存略字典9.self.dicHeights = [NSMutableDictionary dictionary];10.//行间距11.self.linespace = 10;12.13.//当前文本超链接文字的颜色默认为purpleColor14.self.linkColor = [UIColor purpleColor];15.//当前文本超链接文字手指经过的颜色默认为greenColor16.self.passColor = [UIColor greenColor];17.18._framesetter = nil;19.}20.return self;21.}我们定义了6个协议方法，来对通过正则表达式筛选出得文字，进行操作。
正则表达式详见：正则表达式[objc]view plaincopyprint?1.//手指离开当前超链接文本响应的协议方法2.- (void)toucheEndWXLabel:(WXLabel *)wxLabel withContext:(NSString*)context;3.//手指接触当前超链接文本响应的协议方法4.- (void)toucheBenginWXLabel:(WXLabel *)wxLabel withContext:(NSString*)context;5.6.<span style="color:#333399;">/*7.- (NSString *)contentsOfRegexStringWithWXLabel:(WXLabel *)wxLabel8.{9.//需要添加链接字符串的正则表达式：@用户、http://、#话题#10.NSString *regex1 = @"@\\w+";11.NSString *regex2 = @"http(s)?://([A-Za-z0-9._-]+(/)?)*";12.NSString *regex3 = @"#\\w+#";13.NSString *regex = [NSStringstringWithFormat:@"(%@)|(%@)|(%@)",regex1,regex2,regex3];14.return regex;15.}16.*/</span>17.//检索文本的正则表达式的字符串18.- (NSString *)contentsOfRegexStringWithWXLabel:(WXLabel *)wxLabel;19.//设置当前链接文本的颜色20.- (UIColor *)linkColorWithWXLabel:(WXLabel *)wxLabel;21.//设置当前文本手指经过的颜色22.- (UIColor *)passColorWithWXLabel:(WXLabel *)wxLabel;23.24./*25.注意：26.默认表达式@"<image url = '[a-zA-Z0-9_\\.@%&\\S]*'>"27.可以通过代理方法修改正则表达式，不过本地图片地址的左右（＊＊＊一定要用单引号引起来）28.*/29.//检索文本中图片的正则表达式的字符串30.- (NSString *)imagesOfRegexStringWithWXLabel:(WXLabel *)wxLabel;在- (void)drawRect:(CGRect)rect方法中，调用_createAttributeText方法，对内容中的文字和图片进行属性设置。
[objc]view plaincopyprint?1.- (void)drawRect:(CGRect)rect2.{3.[self _createAttributeText];4.5.//然后创建一个CGPath对象，这个Path对象用于表示可绘制区域坐标值、长宽。
6.CGRect bouds = CGRectInset(self.bounds, 0.0f, 0.0f);7.CGMutablePathRef path = CGPathCreateMutable();8.CGPathAddRect(path, NULL, bouds);9.10.//使用上面生成的setter和path生成一个CTFrameRef对象，这个对象包含了这两个对象的信息（字体信息、坐标信息）11.CTFrameRef frame = CTFramesetterCreateFrame(_framesetter,CFRangeMake(0, 0), path, NULL);12.13.//获取当前(View)上下文以便于之后的绘画，这个是一个离屏。
14.CGContextRef context = UIGraphicsGetCurrentContext();15.if (context != NULL) {16.CGContextSetTextMatrix(context , CGAffineTransformIdentity);17.//压栈，压入图形状态栈中.每个图形上下文维护一个图形状态栈，并不是所有的当前绘画环境的图形状态的元素都被保存。
图形状态中不考虑当前路径，所以不保存18.//保存现在得上下文图形状态。
不管后续对context上绘制什么都不会影响真正得屏幕。
19.CGContextSaveGState(context);20.//x，y轴方向移动21.CGContextTranslateCTM(context , 0 ,self.height );22.//缩放x，y轴方向缩放，－1.0为反向1.0倍,坐标系转换,沿x轴翻转180度23.CGContextScaleCTM(context, 1.0 ,-1.0);24.//可以使用CTFrameDraw方法绘制了。
25.CTFrameDraw(frame,context);26.}27.28.//获取当前行的集合29.self.row = (NSArray *)CTFrameGetLines(frame);30.31.if (self.row.count > 0) {32.//获取最后一行的CGRect33.CGRect lineBounds = CTLineGetImageBounds((CTLineRef)[self.row lastObject],context);34._lastLineWidth = lineBounds.size.width;35.}36.37.//---------------------------绘制图片---------------------------38.CFArrayRef lines = CTFrameGetLines(frame);39.CGPoint lineOrigins[CFArrayGetCount(lines)];40.CTFrameGetLineOrigins(frame, CFRangeMake(0, 0), lineOrigins);41.42.for (int i = 0; i < CFArrayGetCount(lines); i++) {43.CTLineRef line = CFArrayGetValueAtIndex(lines, i);44.CGFloat lineAscent;45.CGFloat lineDescent;46.CGFloat lineLeading;47.CTLineGetTypographicBounds(line, &lineAscent, &lineDescent, &lineLeading);48.//NSLog(@"ascent = %f,descent = %f,leading= %f",lineAscent,lineDescent,lineLeading);49.50.//CTLineGetGlyphRuns 返回line中得run得数量51.CFArrayRef runs = CTLineGetGlyphRuns(line);52.//NSLog(@"run count = %ld",CFArrayGetCount(runs));53.for (int j = 0; j < CFArrayGetCount(runs); j++) {54.CGFloat runAscent;55.CGFloat runDescent;56.CGPoint lineOrigin = lineOrigins[i];57.CTRunRef run = CFArrayGetValueAtIndex(runs, j);58.NSDictionary* attributes = (NSDictionary*)CTRunGetAttributes(run);59.CGRect runRect;60.runRect.size.width = CTRunGetTypographicBounds(run, CFRangeMake(0,0),&runAscent, &runDescent, NULL);61.//NSLog(@"width = %f",runRect.size.width);62.63.runRect=CGRectMake(lineOrigin.x + CTLineGetOffsetForStringIndex(line,CTRunGetStringRange(run).location, NULL), lineOrigin.y - runDescent,runRect.size.width, runAscent + runDescent);64.65.NSString *imageName = [attributes objectForKey:WXLABEL_IMAGE_NAME];66.//图片渲染逻辑67.if (imageName) {68.UIImage *image = [UIImage imageNamed:imageName];69.if (image) {70.CGRect imageDrawRect;71.//#warning 设置图片的大小(长宽都为字体大小的1.2倍)72.imageDrawRect.size = CGSizeMake(self.font.pointSize * 1.2, self.font.pointSize *1.2);73.imageDrawRect.origin.x = runRect.origin.x + lineOrigin.x;74.imageDrawRect.origin.y = lineOrigin.y - self.font.pointSize * .2;75.76.//绘制图片77.CGContextDrawImage(context, imageDrawRect, image.CGImage);78.// imageDrawRect.size = CGSizeMake(image.size.height, image.size.height);79.// imageDrawRect.origin.x = runRect.origin.x + lineOrigin.x;80.// imageDrawRect.origin.y = lineOrigin.y - 8;81.// CGContextDrawImage(context, imageDrawRect, image.CGImage);82.83.}84.}85.}86.}87.88.89.//－－－－－－－－－－－－－－－获取当前文本的高度－－－－－－－－－－－－－－－－－－90.//获取当前的行高91.92.// float lineHeight = self.font.pointSize + self.linespace + 2;93.// self.textHeight = CFArrayGetCount(lines) * lineHeight ;94.// self.textHeight = suggestedSize.height;95.CGRect myframe = self.frame;96.myframe.size.height = self.textHeight;97.self.frame = myframe;98.99.//释放对象：（path是通过CGPathCreateMutable创建的，需要通过CGPathRelease释放）100.CGPathRelease(path);101.// CFRelease(framesetter);102.CFRelease(frame);103.104.}_createAttributeText方法，对文字和图片进行设置。