用JavaFX编写用户界面控制器

开发 后端
本文向您介绍使用JavaFX编写用户界面控制器的相关知识,通过实例来阐述要介绍的技巧和典型JavaFX结构的陷阱。

在本文中,我们关心的是BlueBill Mobile类,尤其是管理所有Search Species屏幕之后逻辑的控制器;因此本文有助于你了解JavaFX的语言性能。而且我们会举出一些实例来阐述要介绍的技巧和典型JavaFX结构的陷阱。

笔者想应用程序中嵌入了更新的屏播。视频播放要求使用QucikTime。

这里的概念是在搜索框中键入查询时,英文函数或科学名称函数会对清单过滤。此外,当这些生效的时候,BlueBill Mobile还可以执行自动完成输入。例如,如果在键入查询的时候你仔细查看视频会发现只输入了"a-r-d-a-c"来选择"Ardea Cinerea";或用于"Pied Avocet"的"p-i-e-< space>-a"。BlueBill Mobile 会自动会剩余部分进行补充因为在某些情况下,不存在其他选择。这是用来改善移动设备性能的重要功能:你可以以较少的输入达到相同目的。

按照MVC模式,就非常有必要在单独的控制器中概括这种模式;此外,也很容易对这种模式进行单元测试。

首先,让我们看一下代表了分类群的模式类:

  1. package it.tidalwave.bluebillmfx.taxon.model;   
  2.   import java.lang.Comparable;  
  3.  
  4.   public class Taxon extends Comparable  
  5.  
  6.   {  
  7.  
  8.   public-read protected var displayName : String;  
  9.  
  10.   public-read protected var scientificName : String;  
  11.  
  12.   public-read protected var id : String;  
  13.  
  14.   override function compareTo (other : Object)  
  15.  
  16.   {  
  17.  
  18.   return displayName.compareTo((other as Taxon).displayName);  
  19.  
  20.   }  
  21.  
  22.   override function toString()  
  23.  
  24.   {  
  25.  
  26.   return "{displayName} ({scientificName}) ({id})" 
  27.  
  28.   }  
  29.  
  30.   }  
  31.  
  32.   public function displayNameGetter (taxon : Taxon): String  
  33.  
  34.   {  
  35.  
  36.   return taxon.displayName;  
  37.  
  38.   }  
  39.  
  40.   public function scientificNameGetter (taxon : Taxon): String  
  41.  
  42.   {  
  43.  
  44.   return taxon.scientificName;  
  45.  
  46.   }  
  47.  
  48.   public def namePropertyGetters = [displayNameGetter, scientificNameGetter];  

类托架外面定义的函数和变量相当于Java静态分析。

这里我们省略了一些不相关的实际项目。基本上,该模式暴露了三个属性,其中有意思的两个分别是displayName和scientificName。我们也可以定义两个函数来处理这两个问题,我们会把这些函数放在namePropertyGetters序列中。

  1.   package it.tidalwave.bluebillmfx.taxon.controller;   
  2.   import it.tidalwave.bluebillmfx.taxon.model.Taxon;  
  3.  
  4.   public class TaxonSearchController  
  5.  
  6.   {  
  7.  
  8.   public var selectedTaxon = bind if (selectedTaxonIndex < 0) then null else filteredTaxons[selectedTaxonIndex];  
  9.  
  10.   public var selectedTaxonIndex : Integer = -1;  
  11.  
  12.   public var taxons: Taxon[];  
  13.  
  14.   public var filter = "" on replace  
  15.  
  16.   {  
  17.  
  18.   filteredTaxons = taxons[taxon | matches(taxon, filter)];  
  19.  
  20.   update();  
  21.  
  22.   }  
  23.  
  24.   public-read var autoCompleted = "";  
  25.  
  26.   public var filteredTaxons: Taxon[];  
  27.  
  28.   protected function matches (taxon : Taxon, string: String) : Boolean  
  29.  
  30.   {  
  31.  
  32.   if (string == "")  
  33.  
  34.   {  
  35.  
  36.   return true;  
  37.  
  38.   }  
  39.  
  40.   for (propertyGetter in Taxon.namePropertyGetters)  
  41.  
  42.   {  
  43.  
  44.   if (propertyGetter(taxon).toLowerCase().startsWith(filter.toLowerCase()))  
  45.  
  46.   {  
  47.  
  48.   return true;  
  49.  
  50.   }  
  51.  
  52.   }  
  53.  
  54.   return false;  
  55.  
  56.   }  
  57.  
  58.   protected function update(): Void  
  59.  
  60.   {  
  61.  
  62.   def autoCompletedTry = commonLeadingSubstring(filteredTaxons, findMatchingPropertyGetter());  
  63.  
  64.   //  
  65.  
  66.   // Sometimes it can't find a better auto-completion than the current filter, since it searches the displayName  
  67.  
  68.   // and the scientificName at the same time. In this case, we just ignore the new value.  
  69.  
  70.   //  
  71.  
  72.   if (autoCompletedTry.length() > filter.length())  
  73.  
  74.   {  
  75.  
  76.   autoCompleted = autoCompletedTry;  
  77.  
  78.   }  
  79.  
  80.   selectedTaxonIndex = if (sizeof filteredTaxons == 1) then 0 else -1;  
  81.  
  82.   println("selectedTaxonIndex: {selectedTaxonIndex}")  
  83.  
  84.   }  
  85.  
  86.   protected function findMatchingPropertyGetter(): function (:Taxon): String  
  87.  
  88.   {  
  89.  
  90.   for (taxon in filteredTaxons)  
  91.  
  92.   {  
  93.  
  94.   for (propertyGetter in Taxon.namePropertyGetters)  
  95.  
  96.   {  
  97.  
  98.   if (propertyGetter(taxon).toLowerCase().startsWith(filter.toLowerCase()))  
  99.  
  100.   {  
  101.  
  102.   return propertyGetter;  
  103.  
  104.   }  
  105.  
  106.   }  
  107.  
  108.   }  
  109.  
  110.   return null;  
  111.  
  112.   }  
  113.  
  114.   // some stuff later  
  115.  
  116.   }  

这个类揭示了以下的属性:

◆taxons:你需要用完整的鸟类列表来填充

◆filter: 字符串包括需要输入到搜索栏中的文本

◆filteredTaxons: 种类由filter字符串过滤

◆autoCompleted: 控制器猜测的自动完成输入字符串

◆selectedTaxon: 如果filter向下细分种类,它就会分配到这个变量

◆selectedTaxonIndex: -1如果无法获取时,selectedTaxon的索引。

最新的四种属性由客户代码来绑定,这样做可以获取更改提示。#p#

Filter获取了一个触发事件,也就是变量值更改时所执行的代码。触发器用JavaFX运算符 ︳执行了过滤操作:我们可以将触发事件的第一行当作分配到taxons序列中的filteredTaxons来读取,在这一序列中,matches()函数返回值为true。第二行的代码调用了接下来要介绍的update()函数。

出于某些原因,这种方法并不一定奏效,因为filteredTaxons通常会被整体扫描。有多种方法可用来加速选择过程,但是本文不会在这一方法真正应用到手机前前作出过早的优化。在笔记本上,它可以加快1000个项目的速度。

Matches()函数在所有属性上执行了一次迭代以获取函数并检查看相关属性是否以过滤值启动。

创建获得属性值函数的序列的一大好处是我们可以通过定义新的函数轻松添加新的匹配标准:例如,其他语言中的本地化名称。控制器可能会使用在搜索过程中使用这些名称,而我们则不需要再做多余修改。

Update()函数运算出了自动完成输入提示。它会提取filteredTaxons序列以及用于当前选择的获取属性函数,还会调用刚刚在字符串属性的序列中找到了通用子字符串的commonLeadingSubstring()。它不是每次都会作出很好的自动完成输入猜想,因此有时建议甚至比当前过滤器还短,而这种情况我们大可忽略不计。请不要忽视指定临时变量的重要性:由于自动完成输入可能被绑定,因此我们不想为其指定一个会迅速失效的值。

要明白这一点的重要性,这不仅仅是避免无用更新,还能避免程序被破坏。在实际程序中,自动完成输入更改时,TextBox会更新,因此过滤器也会随之更新:已经输入了"cal"后,再输入一个"i",那么TextBox暂时会显示"cali",然后自动输入完成的猜测失败,它会返回一个"cal",TextBox中的字符串会变为"cal":这时候你要坚持自己的想法!绑定确实很强大,但是它也同时具有负面效应。

最后一步操作中,代码会检查看我们是否获取单独的已选定鸟类。

或许,你对于自动完成输入失败的原因仍然感到很困惑。毕竟,我们正在逐步缩小项目列表。因此,如果你已经输入了"cali",那么所有经过过滤的种类会以"cali"开头,对吗?如果你过滤的是一套单一名称,情况就应该是这样;但是我们是同时对两套名称执行搜索,那么就会产生矛盾。看看下例由"cali"过滤器选取的名称组(英语,科学的):("Calandra Lark", "Melanocorypha calandra"), ("Dunlin", "Calidris alpina"), ("California Quail", "Callipepla californica")

另一个有意思的地方是findMatchPropertyGetter()。它必须猜测当前过滤器是否是以"英语"或"科学"名称运行,而且它还会返回相关的属性获取函数。基本上,控制器已经获取了matches()函数中的这一信息,但是我们会将其移走。可能会有人思考让matches()函数返回一个以上的布林值,但是这是不可能的,因为它是由运算符 ︳过滤序列的时候使用的:该运算符需要一个布林值。或许我们可以为稍后调用信息的操作指定一个成员变量,不过此时的代码应该会更具可读性。

为了对文章进一步作补充说明,这里给大家列出了最后两个忽略的函数:

  1. protected function commonLeadingSubstring (taxons: Taxon[], propertyGetter: function (:Taxon): String): String   
  2.   {  
  3.  
  4.   if (sizeof taxons == 0)  
  5.  
  6.   {  
  7.  
  8.   return "";  
  9.  
  10.   }  
  11.  
  12.   if (sizeof taxons == 1)  
  13.  
  14.   {  
  15.  
  16.   return propertyGetter(taxons[0]);  
  17.  
  18.   }  
  19.  
  20.   var common = propertyGetter(taxons[0]);  
  21.  
  22.   for (other in taxons[1..])  
  23.  
  24.   {  
  25.  
  26.   common = commonLeadingSubstring(common, propertyGetter(other));  
  27.  
  28.   if (common == "")  
  29.  
  30.   {  
  31.  
  32.   break// don't waste time in further iterations, "" it's for sure the final result  
  33.  
  34.   }  
  35.  
  36.   }  
  37.  
  38.   return root;  
  39.  
  40.   }  
  41.  
  42.   function commonLeadingSubstring (string1 : String, string2 : String): String  
  43.  
  44.   {  
  45.  
  46.   return if (string1.length() > string2.length())  
  47.  
  48.   {  
  49.  
  50.   commonLeadingSubstring(string2, string1);  
  51.  
  52.   }  
  53.  
  54.   else if (string1 == "")  
  55.  
  56.   {  
  57.  
  58.   "";  
  59.  
  60.   }  
  61.  
  62.   else if (string2.startsWith(string1))  
  63.  
  64.   {  
  65.  
  66.   string1;  
  67.  
  68.   }  
  69.  
  70.   else 
  71.  
  72.   {  
  73.  
  74.   commonLeadingSubstring(string1.substring(0, string1.length() - 1), string2);  
  75.  
  76.   }  
  77.  
  78.   } 

这里的逻辑很简单。通常主要的字符串搜索被分解成了临近字符串对;而对于单一对的搜索则有递归执行。

这里显示了视图类是如何绑定到控制器的:

  1. package it.tidalwave.bluebillmfx.taxon.view;   
  2.   public class TaxonSearchScreen  
  3.  
  4.   {  
  5.  
  6.   public var taxons : Taxon[];  
  7.  
  8.   var filter = "";  
  9.  
  10.   public-read def controller = TaxonSearchController  
  11.  
  12.   {  
  13.  
  14.   taxons: bind taxons  
  15.  
  16.   filter: bind filter  
  17.  
  18.   }  
  19.  
  20.   def autoCompleted = bind controller.autoCompleted on replace  
  21.  
  22.   {  
  23.  
  24.   if (autoCompleted != "")  
  25.  
  26.   {  
  27.  
  28.   filter = autoCompleted;  
  29.  
  30.   }  
  31.  
  32.   }  
  33.  
  34.   def list = ListBox  
  35.  
  36.   {  
  37.  
  38.   items: bind controller.filteredTaxons  
  39.  
  40.   };  
  41.  
  42.   def searchBox = TextBox  
  43.  
  44.   {  
  45.  
  46.   text: bind filter with inverse  
  47.  
  48.   };  
  49.  
  50.   } 

你必须用所有可得的种类加载taxon;ListBox会随着过滤的种类自动更新,TextBox与过滤器是双重指令型绑定。之所以需要双重绑定是因为向搜索栏中输入时,一个指令用于给控制器发出新的选择命令,另一个则是自动完成输入时的更新。

 

【编辑推荐】

  1. JavaFX 1.2中的三大重要特性
  2. Silverlight、JavaFX、Flex技术比较
  3. JavaFX和Java之间的互操作性
  4. JavaFX对Java开发者到底意味着什么
  5. RIA之争 JavaFX是否能后来居上?
责任编辑:佚名 来源: IT专家网
相关推荐

2011-07-14 10:28:54

额外域控制器

2011-06-21 13:57:43

2015-08-07 15:28:46

选取城市控制器源码

2023-08-13 18:31:45

SDN控制器

2011-08-02 18:40:14

域控制器

2015-02-02 09:37:42

SDN控制器

2011-07-12 09:29:10

主域控制器备份域控制器

2015-10-20 14:52:50

Steam控制器Ubuntu

2011-08-01 16:59:27

活动目录域控制器

2019-11-17 22:58:03

Spring MVC控制器编写

2009-01-12 11:16:58

控制器控制器行为行为结果

2013-12-19 09:32:01

SDN南向网络控制

2017-11-23 17:27:35

Yii框架IntelYii框架深度剖析

2015-02-27 10:52:17

SDN

2011-07-13 10:29:44

域控制器

2011-07-18 13:55:08

2012-02-24 10:57:43

2011-07-07 15:01:02

2013-06-08 09:50:30

SDN控制器应用OpenFlow软件定义网络

2021-11-25 14:44:51

Kubernetes复制控制器
点赞
收藏

51CTO技术栈公众号