初识Filemaker(二)

开篇

布局的基本模块

设计的准备

设计界面框图样式

          设计好界面的样式结构,可以选择手绘草图来辅助开发。利用不同的图像表示不同的元素。每一个界面框图代表一个页面。

设计界面树状图

          通过树状图来梳理界面之间的关系。控制整个系统的层级。

不同平台的布局样式

布局样式
布局样式

新建布局

新建布局的方式

  • 1.进入编辑布局页面直接点击新建布局/报表在这里插入图片描述
  • 2 依次选择 布局→新建布局(Ctrl+N)
    2
  • 3 文件→管理→布局→新建
    功能示例
    可以通过复制直接复制类似的布局
    还可以创建文件夹来管理布局

布局的基本模块

基本模块

控件风格和值列表

控件风格

控件风格

控件风格如下所示:

  • 编辑框:这是标准 FileMaker Pro 数据输入字段的样式。如果选择该选项,您还可以选择包括垂直滚动 条,并选择允许用户使用以前输入的值自动完成。后面这个选项只能应用到已编入索引或可以编入索引 的文本字段。
  • 下拉列表:此风格允许用户从值列表中选择项目,或手动输入值。在有大量的值可供选择时,这是一个 不错的界面选项。然后,用户可以使用箭头键和“提前键入”来跳到列表的特定部分。用户可以按住 Shift 键并单击以从下拉列表中选择多个值。 • “包括箭头以显示和隐藏列表”选项会影响字段的显示,并确定单击或按 Tab 键切换到字段是否会触 发列表进行显示。在显示箭头之后,触发列表进行显示的唯一方法是通过单击该箭头。您也可以指定 “编辑…”选项是否显示在列表的底部。此选项允许用户修改值列表本身,并且只有使用静态值列表 (而不是根据字段的内容动态构建的列表)时才能应用。
  • 弹出菜单:格式设置为弹出菜单的字段要求用户单击该菜单以将其激活并查看可用的选项。尽管在许多 方面与下拉列表类似,但弹出菜单会根据需要占用尽可能多的屏幕空间。因此,对于大型列表而言,它 们可能显得有点笨拙。可以按住 Shift 键并单击以选择多个项目,并且用户可以通过按 Backspace 键或 Delete 键清除字段中的条目。在假设字段格式设置为弹出菜单时,请记住这些行为。
  • 复选框集:此风格会将值列表显示为用户可打开或关闭的一组复选框。选定的项目会按选择这些项目时 的顺序存储为以回车符分隔的列表。例如,如果您具有“红色”、“蓝色”、“绿色”和“黄色”这四 个复选框值,并且用户首先单击“黄色”,然后单击“绿色”,并且最后单击“红色”,则该字段的实 际内容将为: 黄色绿色红色
  • 单选按钮集:单选按钮与复选框类似,不同之处在于它们相互排斥。单击一个单选按钮会导致取消选择 以前所选择的单选按钮,因此通常一次只会选择一个值。但是,与弹出菜单一样,通过按住 Shift 键并 单击,用户可以选择多个条目,而且不会强制实施排他性。为了实现最佳的可用性,当您预期用户可能 选择多个条目时,请不要使用单选按钮。按 Backspace 键或 Delete 键将清除所有字段选择。
  • 下拉日历:此控件风格允许用户使用小型下拉日历将日期输入字段中。与下拉列表的行为类似,除非选 择“包括图标以显示和隐藏日历”选项(在这种情况下,只有用户单击图标时才会显示日历),否则在 单击或按 Tab 键切换到字段时,即会向用户显示日历。

值列表

有些字段控件风格 (下拉列表、弹出菜单、复选框集和单选按钮)要求您为显示给用户的值指定值列表。 值列表可独立于字段控件风格而存在,但它们紧密相关。给定的值列表可以与任意数量的字段相关联。 值列表是在“管理值列表”对话框中进行定义的,您可以从“文件”>“管理”> “值列表…”菜单项访问该对话框。在“布局”模式下,也可以单击“状态工具栏”中的“管理”,然后 选择“值列表…”。打开此对话框的第三种方法是通过“检查器”中“以下来源的值:”弹出列表旁边的 铅笔图标。
值列表

静态值列表

静态值列表是通过手动输入列表中所显示的值进行创建的。当您希望向用户显示的值将很少或永远不会发 生更改时,请使用静态值列表。

动态值列表

动态值列表会根据字段中已有的数据随时自动进行创建。例如,Bonsai 解决方案中的 Product 表具有 Type 的字段,其中包含诸如 Plants、Potting Medium 和 Seeds 之类的值。只要该字段的格式设置为编 辑框,有些用户就有可能将新的产品输入为“Plant”或“Seed”(单数而不是复数),并且数据输入方 面的不一致性将来可能会导致查询和报表出现问题。在这种情况下,对于用户而言,更好的解决方案是 从以前输入的值列表中进行选择。通过将字段的格式设置为下拉列表,您可以仍允许用户输入新值, 然后在下次进行查看时,这些新值即会自动成为值列表的一部分。 此方法的另一个优点是数据输入方面的任何不一致性将会立即显而易见。值列表包含字段中的所有唯一 条目,并自动按字母顺序进行升序排序,因此应很容易注意到列表中同时出现像 Plant 和 Plants 之类的 内容。

关系型值列表

在创建动态值列表时所提供的其中一个选项是“仅包括从此开始的相关 值:”,即特定表摹本。通常所称的关系型值列表就是使用此选项进行创建的。其目的是允许您根据关系 过滤动态值列表的内容。例如,您可能希望下拉列表仅包括活动客户(而不是所有客户)。或者,当用户 将值输入“区域”字段中时,您可能想要将“地区”字段的值列表限制为只有选定区域内的地区。 要将动态值列表转换为关系型值列表,所需要的就是在“指定值列表的字段”对话框中指定“仅包括从此 开始的相关值”设置的表摹本。这个表摹本相当于向您已针对“使用第一个字段的值”设置指定的表摹本 (这将称为目的地表摹本)进行关系型跳跃的原点。 每次需要值列表时,FileMaker Pro 都会解析源表中匹配字段的当前值,然后在目的地表中查找一组相关的 记录。该组相关记录中的指定字段接着便会显示为值列表。为了有助于直观地显示这一点,考虑一下如果 您已根据源表创建布局,然后根据目的地表定义入口,将会显示哪些记录。

特殊的布局工具

选项卡控件

带选项卡的用户界面是许多应用程序的常用设计功能。如果选择此项,每个选项卡都可以显示一组独特的 对象和/或数据,从而允许您将布局空间的相同部分用于多种用途。 选项卡控件一词指的是整个布局对象。每个选项卡控件都可以包含一个或多个单个选 项卡,称为选项卡面板。选项卡控件不是导航工具。相反,它是可用来从相同上下文(基表)中选择性地 显示不同字段集(或相关字段)的一种布局组织工具
例图
例图
例图
如果您需要移动选项卡控件,只需选择该选项卡控件对象本身即可。包含在所有选项卡中的所有对象都将 移动。您可以将选项卡控件嵌套在另一个选项卡控件的选项卡面板中。尽管对可嵌套的层数,以及可为任 何单个选项卡控件定义的选项卡面板数都没有特定的限制,但请谨慎地使用嵌套和面板,以减少为最终用 户带来的复杂性。 下面是在移动选项卡控件和调整其大小时要牢记的几点内容:

  • 移动选项卡控件时,选项卡控件内的所有对象都会随之移动。
  • 如果缩小选项卡控件,选项卡名称可能会变得不可见。调整选项卡控件大小或更改选项卡上的文本大 小,以适应选项卡控件的新大小。
  • 如果某个对象不再适合调整后的选项卡面板,则该对象会从选项卡控件中“弹出”,并成为布局的一部 分。调整对象本身或选项卡控件大小,然后将对象拖回到选项卡控件中

弹出控件

弹出框

滑动控件

滑动1
滑动2

WEB查看器

控件设置
控件设置

示例

Web 查看器是用来将 Web 页直接显示在 FileMaker Pro 布局中的布局对象。Web 查看器在 FileMaker Pro 数据库系统中具有许多实际用途。例如,Web 查看器可以显示包含存储在您的数据库地址和城市字段中的 某个位置方向的地图网站。类似地,Web 查看器可以根据存储在跟踪编号字段中的数据计算用于跟踪包裹 的 URL。其他用途包括嵌入对搜索引擎的访问、查找股票报价,以及生成报表和图。 您可以像添加其他布局对象一样,将 Web 查看器添加到布局。Web 查看器可以添加到表单和列表布局, 并且在设置为显示为表的布局中也可以显示在页眉或页脚中。但是,Web 查看器不能包含在入口中。 请注意,您将需要连接到 Internet,与 Web 查看器相关的示例和练习才能正常工作。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值