零元学Expression Blend 4 - Chapter 2 入门界面简介

简介: 原文:零元学Expression Blend 4 - Chapter 2 入门界面简介 在这篇教学我将会介绍Expression Blend 4的基本界面,虽然有些网站已经有做了介绍,为了整个教学的完整性,就在此做补充。
原文: 零元学Expression Blend 4 - Chapter 2 入门界面简介



在这篇教学我将会介绍Expression Blend 4的基本界面,虽然有些网站已经有做了介绍,为了整个教学的完整性,就在此做补充。

?

在这篇教学我将会介绍Expression Blend 4的基本界面,虽然有些网站已经有做了介绍,为了整个教学的完整性,就在此做补充。

?

?

就是要让不会的新手都看的懂!

?

01建立一个新专案->左上角(Top Menu)的File->选取New Project->之後会出现下面的视窗:

ch2_01.jpg

(建立新专案快捷键Shift +Ctrl +N)

可以看到开启新专案的四种类型:

(1) Silverlight Application+ Website:

简单来说,要制作网站请选择此选项。

(2) WPF Application:

若是配合工程师制作应用程式,请选择此选项。

(3) Silverlight SketchFlow Application

简单的说,此为网站草图,多了SketchFlow有多增加的不同功能,我将会在其他篇再提。

(4) WPF SketchFlow Application

此为制作应用程式草图模式。

Name:请为你的专案命名

Location:专案的存放处

预设为: C:\Users\user\Documents\Expression\Blend 4\Projects\

会生成像下列的专案资料夹:

ch2_02.jpg

Language:(看你里面要使用哪种语法来撰写,选项有两个,只能选一种,不能混用)

(1) Visual C# (预设)

(2) Visual Basic

Version:(若你是安装Expression Blend 4 )

(1) 4.0 (预设)

(2) 3.0

基本上Language以及Version若没有特殊需求,是不需要做调整,使用预设的即可。

02基本控制版面介绍

ch2_03.jpg

(A) Top Menu:由左到右依序是File - Edit - Object - Project - Tools - Window - Help (此排的快捷键,都为Alt+名称的第一个字母,已标上底线)

(B) Tools:在很多英文教学里都会称Tools为Left Menu,是许多基本工具的快捷钮,可以在Top Menu的Window里面做调整是否要显示。

(C) 我都称它做页签,专案的页面切换。

(D) 专案的项目面板,项目包括Projects、Assets、States。(Assets内容包括了图形钮、行为项目等等)

(E) 类似Photoshop的图层面板,可列出你的图形甚至是控制项列表,让你一目了然。

(F) 专案主要工作区,基本视觉呈现都在此达成,控制项也是往这里拖拉後做设定。

(G) 此为主要工作区显示方法的调整区,总共三种模式:一是视觉模式,为设计人员最常使用的模式、二是程式码模式、三为视觉加上程式码共存模式。

(H) 属性以及资源控制区,可以对图层的属性做调整,亦可对控制项目做设定。

(I) 针对(E)区做排序。

(J) 针对专案的主要工作区做大小的调整,或是格线的显示或关闭。

基本面版10项介绍完毕,接下来是引申介绍:

ch2_04.jpg

上图为Tools 最下面的>>按钮开出的Assets面版,能列出所有Assets的项目,与上方Projects旁的Assets相同。

(贴心提醒:框起来的Search区,可以针对你想找的Assets项目做搜寻,请善用,你会发现Blend 4 在很多地方都做了项目搜寻的功能。)

本篇的教学就到此。

(若有任何错误的地方,请各位前辈或同好能不吝指教,小女子都会虚心接受;若是你喜欢我的教学,请给我点鼓励,谢谢。)

一步一步迈向HIE之路

 

喜欢我文章请推我一下或给我个回应,你的鼓励会给我无限的动力喔!

若是您有其他问题或是特别需要,请在文章回应处留言,我会尽快回覆您

 

 

目录
相关文章
|
Windows 内存技术
零元学Expression Design 4 - Chapter 1 入门界面简介
原文:零元学Expression Design 4 - Chapter 1 入门界面简介 Expression Design 是Expression系列里面的一员,更是Blend跟Web的好帮手 ...
902 0
|
前端开发 容器 JavaScript
零元学Expression Design 4 - Chapter 2 熟悉Design并且快速设计出Silverlight网页
原文:零元学Expression Design 4 - Chapter 2 熟悉Design并且快速设计出Silverlight网页 本章将用带大家熟悉Design 4并制作简易的网页版面,也会让你了解如...
1087 0
零元学Expression Blend 4 - Chapter 1 缘起
原文:零元学Expression Blend 4 - Chapter 1 缘起 本来都使用Adobe相关工具从事设计工作的我,因缘际会下,接触到了Expression Blend 4,让我完全的对微软的设计工具改观。
1108 0
|
容器
零元学Expression Blend 4 - Chapter 26 教你如何使用RaidoButton以及布局容器的活用
原文:零元学Expression Blend 4 - Chapter 26 教你如何使用RaidoButton以及布局容器的活用 本章将教大家如何运用Blend的内建元件RaidoButton做出选单选项...
1199 0
零元学Expression Blend 4 - Chapter 32 简单轻松的学会如何使用Visual States(上)
原文:零元学Expression Blend 4 - Chapter 32 简单轻松的学会如何使用Visual States(上) Visual State Manager中文翻译为视觉状态管理器,这...
1273 0
零元学Expression Blend 4 - Chapter 33 简单轻松的学会如何使用Visual States(下)
原文:零元学Expression Blend 4 - Chapter 33 简单轻松的学会如何使用Visual States(下) 上篇提到了Visual State Manager中文翻译为视觉状态管理...
1148 0
零元学Expression Blend 4 Chapter 22 以实作案例学习Frame及HyperlinkButton
原文:零元学Expression Blend 4 Chapter 22 以实作案例学习Frame及HyperlinkButton 本章将教大家如何以实作善用Blend4的内建功能-「Frame」以及「Hy...
1314 0
|
JavaScript C#
零元学Expression Blend 4 - Chapter 19 如何让做好的Blend专案变Silverlight网页
原文:零元学Expression Blend 4 - Chapter 19 如何让做好的Blend专案变Silverlight网页 本章将教大家如何把制作好的Blend专案变为可以让任何人在网际网路...
1276 0
零元学Expression Blend 4 - Chapter 30 8个Expression Blend4的快捷
原文:零元学Expression Blend 4 - Chapter 30 8个Expression Blend4的快捷 我针对工作区跟视窗的快捷键整理了八个Expression Blend4的快捷,也是...
1179 0
|
前端开发 容器
零元学Expression Blend 4 - Chapter 34 啊~!!我不要毛毛的感觉!-使用布局修整「UseLayoutRounding」
原文:零元学Expression Blend 4 - Chapter 34 啊~!!我不要毛毛的感觉!-使用布局修整「UseLayoutRounding」 本章将介绍UseLayoutRounding,中...
1239 0

热门文章

最新文章