03 List、TextBox,Ticker和Alert.ppt

第3章,List、TextBox，Ticker和Alert,本课教学内容,讲解Screen的子类：javax.microedition.lcdui.Alert：用于高级界面开发中的提示框；javax.microedition.lcdui.List：用于高级界面开发中的列表框；javax.microedition.lcdui.TextBox：用于高级界面开发中的文本框。滚动条javax.microedition.lcdui.Ticker,简介,前面讲到，Displayable的子类可以充满整个界面。Displayable的子类中，Screen用来创建高级界面。使用常用的高级界面类创建高级界面。,List开发,List用于开发能够充满整个界面的列表框。List在JavaME移动开发中应用较广，如图界面，就是一个List的例子：界面上出现一个列表框，该列表框中有4个选项：“删除该号码”、“向该号码发送短信”、“编辑该号码”和“将该号码设置为好友”；这个列表框可以进行多选，用户将光标定位到某一项，按下选择键，就可以进行选择。其中，第1项的字体为大号粗斜体；第4项有一个图片标记。,List类型,List是列表框，是Displayable的子类，可以充满整个界面。因此，List添加到界面上的方法和Form完全相同。打开文档，找到javax.microedition.lcdui.List，构造函数有2个：1.第一个参数是给List一个标题，是字符串；第二个参数决定了List的类型，为静态变量定义的整数。,List类型,2.参数1和参数2的意义和前面一个构造函数相同。参数3是一个字符串数组，确定列表框内的选项；参数4是一个图片数组，确定列表框内各个选项前的图片。如果不要图片，则用null表示。,List类型,参数listType可以有3种选择，代表了List的3种类型，分别是：List.EXCLUSIVE：互斥，表示只能选择一个选项，每个选项左边有一个单选按钮，将光标定位到该选项之后，必须按下选择键才能选择该选项。List.IMPLICIT：另一种互斥，光标定位到该选项，就表示该项被选择。List.MULTIPLE：多选，光标定位到某选项，按下选择键，该选项前面的方框会被打勾，如果光标定位在一个被打勾的选项，再次按下选择键，则选项前面方框内的勾会消失。,List类型,一般使用的是第一个构造函数。如果使用第一个构造函数，列表框内的选项应该一项项添加。List可以通过如下函数来添加选项：第一个参数是项目的字符串内容，也就是选项标题；第二个参数是项目的图片对象，如果为null，表示不要图片。选项添加之后，每个选项都有一个编号，从0开始。,字体,列表框的第一项字体为大号粗斜体，在List类中，有一个函数：通过这个函数可以设置某个项目的字体，参数1是选项的编号，参数2是字体对象。,字体,字体类javax.microedition.lcdui.Font，这个类没有构造函数。在此时一般是通过它里面的静态函数来生成对象，Font类中有如下函数：参数1为整数，表示字体的类型，一般可以有如下选择：Font.FACE_SYSTEM；Font.FACE_MONOSPACE；Font.FACE_PROPORTIONAL。参数2为字体风格，可以选择：Font.STYLE_PLAIN：普通风格；由Font.STYLE_BOLD(粗体)、Font.STYLE_ITALIC(斜体)和Font.STYLE_UNDERLINED(下划线)的组合，组合时风格之间用“|”隔开。参数3为字体大小，可以选择：Font.SIZE_LARGE：大号字体；Font.SIZE_MEDIUM：中等字体；Font.SIZE_SMALL：小号字体。,字体,关于字体，还有几个重要函数，在Font文档中，可以看到：1：得到字符的高度：2：得到某字符的宽度：3：得到某字符串的宽度：这些函数在界面画图和字符排版中非常有用。,图片,列表框的第4项前有一个图片。在List中添加项目时，用到append函数，其中参数2是一个Image对象：,图片,图片类javax.microedition.lcdui.Image。没有构造函数，在此时是通过它里面的静态函数createImage来生成对象，这个函数有好几个版本，其中最常见的是：参数为文件路径。注意在项目的树型目录下面有一个res目录，可以将图片放在这里，这个目录就作为资源的根目录“/”，可以写绝对路径。,图片,关于图片，还有几个重要函数，在Image文档中，可以看到：1：得到图片的高度：2：得到图片的宽度：,List编写代码,在项目Prj3_1中建立MIDlet1，然后将图片文件img.png拷贝到res目录下，代码见课本3-3-4MIDlet1.java。运行这个MIDlet，就可以得到例子中的效果。,List的功能,对于List内项目的维护，从List文档可以看到，List类内提供了很多方法，详细内容请参考课本3-2-1。单选列表框还有一种风格：List.IMPLICIT。当List的类型为List.IMPLICIT时，光标移动到某项，然后按下选择键，系统能够自动由List.SELECT_COMMAND发出命令。,TextBox基本开发,javax.microedition.lcdui.TextBox也是Displayable的子类，也能充满整个界面。其效果如图所示：该界面还有一些配套的事件。如右下方有一个“获取文本”的按钮。输入内容之后，选择右边的“获取文本”按钮，能够将界面中的内容打印在控制台上。,TextBox基本开发,TextBox是文本框，是Displayable的子类，因此，TextBox添加到界面上的方法和Form完全相同。打开文档，找到javax.microedition.lcdui.TextBox，构造函数有1个：,TextBox基本开发,参数1是给TextBox指定一个标题，为字符串；参数2决定了TextBox内的初始内容。如果想要出现一个没有任何内容的空文本框，此参数可以用空字符串；参数3确定了TextBox内可以输入的最大的字符数，比如可以写255，表示文本框内可以输入的最大字符数为255；参数4比较重要，确定了TextBox内输入内容的限制，如有些文本框只能输入数字，有些文本框只能输入密码等。,TextBox基本开发,常见的限制有：1：TextField.ANY：任意字符；2：TextField.EMAILADDR：Email格式；3：TextField.NUMERIC：整数；4：TextField.DECIMAL：小数；5：TextField.PASSWORD：密码；6：TextField.UNEDITABLE：不可编辑。,TextBox重要函数,TextBox类中有一些重要的函数：获得文本框内的内容：修改文本框内的内容：获取光标位置,TextBox重要函数,插入文本获取文本框内字符串的长度删除字符,Ticker开发,在javax.microedition.lcdui.Displayable中，有一个函数：这个函数是给Displayable设置滚动条。能够给Displayable设置滚动条，就意味着能够给Displayable的子类，包括Form、List、TextBox等，设置滚动条。滚动条相对应的类是：javax.microedition.lcdui.Ticker。滚动条的效果如图所示：界面上出现一个文本框，文本框的标题为“请您输入短信”。在这个文本框的上方有一个滚动条：“欢迎参加本公司的活动”。该滚动条从右到左，不停滚动，对文本框起到渲染作用。,Ticker开发,Ticker类构造函数只有一个：参数表示给滚动条设置状态文本。其成员函数也只有两个：1：设置滚动条上的标题：2：获取滚动条上的标题：,Alert开发,javax.microedition.lcdui.Alert也是Displayable的子类，添加到Form上之后，也能充满整个界面。这个类主要是为了实现一些提示信息，如左图所示的短信收取提示界面。该界面上有一个提示框，2秒钟之后，提示界面自动消失，出现如右图文本框来编辑短信。,Alert基本介绍,Alert是提示框，它也是Displayable的子类，添加到界面上的方法和Form完全相同。打开文档，找到javax.microedition.lcdui.Alert，首先介绍其构造函数，构造函数有如下2个：1.该函数中的参数表示给提示界面设置一个标题，如例子中的“提示”二字。,Alert基本介绍,2.参数1表示界面的标题，和前一个构造函数相同；参数2表示界面上的提示信息。参数3表示界面上的图片。参数4表示提示界面的类型。,Alert基本介绍,常见的提示界面类型有如下几种：1：AlertType.ALARM：提醒2：AlertType.CONFIRMATION：确认3：AlertType.ERROR：错误4：AlertType.INFO：通知5：AlertType.WARNING：警告,Alert基本介绍,Alert常用函数：1：设置提示内容：2：设置图片：3：设置提示类型：4：获取界面默认显示的时间：,Alert基本介绍,5：自定义消失的时间：注意：设置提示框永远不自动消失可以使用此变量：方法如下：,Alertalert1=newAlert(提示);alert1.setTimeout(Alert.FOREVER);,小结,本章中对几个Displayable的重要子类进行了讲解。另外，也讲解了利用Ticker对界面进行一定的渲染。,上机习题,1.编写代码，运行，可得如左图的效果，如选择前两项，点击“确定”，在控制台上的打印如右图：,上机习题,2.编写代码，运行，出现如左图界