第5章节用户界面设计.ppt

5.3 布局控件 在将布局控件添加进窗口之后，便可以将欲按此布局安置的控件直接拖动到布局控件上，即可以完成布局 可以看到，两个按钮在水平布局控件框内呈水平分布状态，我们可以试着再往里面添加更多的控件，但是不管添加多少控件，只要是在水平布局控件框内，这些控件就都会呈水平分布。 垂直布局方式的属性和使用方法和水平布局方式相类似，这里不再重复介绍。垂直布局分布的效果是使得所有拖动进其中的控件呈垂直布局分布。 5.3 布局控件 需要注意的是，布局方式控件本身可以进行相互嵌套，例如我们可以添加一个垂直布局控件，然后在里面添加若干个水平布局控件，这样几个水平布局控件在其中就会呈垂直分布，而水平布局控件内部的控件则分别呈水平分布。 5.3 布局控件 表格式布局方式和前两种布局方式的主要不同之处在于，它可以预先设定表格的行列数，来设计特定的布局方式： 在很多时候，表格式布局方式往往可以替代水平布局方式和垂直布局方式，后二者更多的是在一些相对简单的构图场合得到应用。 5.3 布局控件 需要注意的是，上述三种布局控件的功能仅对界面显示的可视化控件起作用，并没有其它的功能。但是即使这样，布局控件在模块编辑器当中仍然有着相关的属性，这是和AppInventor的控件属性设置思想相一致的，即，所有控件的可编辑属性都可以在界面编辑器界面和BlockerEditor编程两个途径下进行。 5.4 媒体控件 5.4 媒体控件 录像控件的功能是利用手机的摄像头进行录制视频的工作，并且在录制视频之后提取视频的名称供如视频播放器等其它控件的调用，或是用在自身的AfterRecording事件当中作为参数处理。 行为RecordVideo的功能是开始用录像控件进行录像，而事件AfterRecording在录像结束时自动执行，提示视频录制完毕并提供视频片段存放的相应路径。 5.4 媒体控件 选图工具的功能是从手机的相册中选取图片。选图工具在界面上的显示外观和按钮类似，当用户点击选图工具时，就会调出手机的相册，供用户选择。在用户选择了图片之后，控件会采用一串表示图片路径的字符串赋予ImagePath属性。选取的图片可以用于其它控件的使用，如设置背景图片等等。 选图工具所特有的功能属性是ImagePath，此属性的含义是用户所选择的图片，即用一串字符串给出用户所选图片的地址。 5.4 媒体控件 音频播放器控件的主要功能是播放视频文件，同时也有控制手机振动器的功能。音频播放器属于非可视化控件，并不在界面内显示。播放的媒体文件的名称可以通过界面编辑器或者模块编辑器在Source属性中进行定义。 5.4 媒体控件 视频播放器控件的功能是用于播放视频文件。视频播放器在界面上显示为一个矩形，当用户点击矩形区域时，就会弹出媒体控制选项，包括播放/暂停、快进、快退等等。也可以通过控制控件内Start、Pause、SeekTo等行为来控制播放的进度。 视频播放器的属性包括Source和Visible，前者设定视频播放器所播放的视频文件，后者则控制视频播放器是否可见。 5.5 社交控件 时至今日，手机的用途早已不仅仅局限于单纯的通讯领域，但是通信功能仍然是手机最基本也是最核心的功能。AppInventor的社交控件模块支持对手机的电话、号码薄和短信、邮件等功能进行管理的调用，并应用在各种不同的通信类应用当中。 5.5 社交控件 通讯录控件的功能是让用户从手机的通讯录中选取项目。通讯录控件在界面上显示效果与按钮相同，如图5.51所示： 当用户点击通讯录控件时，将列出具体的通讯对象的表单供用户进行选择。在用户选择了一个联系对象之后，将会自动设定控件的部分主要属性， 5.5 社交控件 邮件控件供用户输入联系人的电子邮件地址。控件内容的初值和用户输入后的值在Text属性中进行修改。如果Text属性初值为空，则将Hint属性里的内容在文本框里进行灰显以起到对用户的提示作用。 5.5 社交控件 邮件控件在界面上的显示效果类似于文本框，邮件选取控件仅有获取焦点和失去焦点两种事件，也没有控件行为。除Text和Hint属性之外，其余用于设置外观效果等的属性和文本框控件类似，这里不再重复叙述。 由于邮件控件本身并没有检验输入内容是否完成的功能，所以通常和按钮按键联立使用，即在输入之后通过按钮来触发其它事件等等。 5.5 社交控件 拨号控件是一个非可视化控件，用于进行手机的拨号功能，即对PhoneNumber属性中设定的号码进行拨号。此设定值可以在界面编辑器或者模块编辑器中进行定义和修改。另外，通过控件的MakePhoneCall事件也可以令应用按照程序触发的方式进行拨号。 由于是非可视化控件，拨号控件没有除PhoneNumber之外的其它可编辑属性。拨号控件唯一的行为是MakePhoneCall()