Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

本节讲解的是活字格设计器的布局。当大家打开活字格设计器的时候,第一感觉应该是和excel非常相似的,

是的,这是活字格产品的最大特性,类excel的操作,上手快速。

那么活字格设计器整体可以分为5个部分,最顶端的是和excel一样的功能区,左边的是对象管理器,最右边的是属性设计器,

最中间和excel一样是中心设计区,最底端是状态栏。下面我们来具体看一下每个部分的具体功能;

  • 功能区:顶端的区域,是用来快速设置属性,比如字体,背景色,单元格类型,格式,图表,数据验证等等。

  • 对象管理器:在活字格的最左边,管理所有的数据表,页面(网页)以及母版页面

  • 属性设计区:在活字格的最右边,分成3个面板

    • 数据绑定:是用来设置单元格与数据表之前绑定关系

    • 单元格设置:对单元格类型进行详细的设置比如下拉列表的项目

    • 页面设置区:对页面的整体设置,比如大小,标题

  • 中心设计区:在活字格的中心区域,和excel一样是用来设计界面的,包含单元格操作,表格,图表等等,其他3个功能模块都是围绕这个中心区域来设置的。

  • 状态栏:在活字格的最底端,最主要是显示模式,可以显示单元格的名字,绑定信息,或者单元格类型等等

了解活字格设计器的布局,对后续的学习使用有帮助。


HTML
<video src="http://powertoolsvideo.qiniudn.com/HuoZiGe/Tutorials/第3章活字格设计器的介绍/3.3活字格布局介绍.mp4"
width="800" preload="none" height="450" poster="http://powertoolsvideo.qiniudn.com/HuoZiGe/Tutorials/第3章活字格设计器的介绍/3.3活字格布局介绍.jpg"
controls="controls" onplaying="startplay()">您的浏览器不支持播放此视频。</video>
<script>
var isplayed = 1;
var startplay = function(){
if(isplayed){
ga('send', 'event', 'Play Video', '活字格', '第3章 活字格设计器的介绍');
isplayed = 0;
}
return false;
}
</script>

...