LWUIT 自定义漂亮的Dialog

最新推荐文章于 2021-11-25 16:14:00 发布

pjw100

最新推荐文章于 2021-11-25 16:14:00 发布

阅读量4.1k

点赞数

分类专栏： Lwuit 文章标签： dialog button command cmd query ui

本文链接：https://blog.csdn.net/pjw100/article/details/4860798

版权

Lwuit 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

LWUIT提供了一个Dialog类，而Dialog类有很多静态的show方法来为我们显示对话框。首先不说这么多的show方法具体是干什么的（我也不清楚每个show方法是做什么的），这些show方法不仅参数繁多，而且在页面中显示时非常之丑，以及对话框的大小和位置我们不能够随心所欲。

但好歹Dialog类是继承自Form类的，我们当然可以把Dialog当成Form来使用，比如在Dialog中addComponent,addCommand,addActionListener等。有了这些方法，我们就可以随心所欲的使用Dialog了，而且通过resource editor的设计，可以设计出整个应用程序统一风格的Dialog.

首先，我们得对Dialog做一下分解，一个Dialog应该分为3部分：

1.Title(标题)

2.Text(文本)

3.Button(有时有，有时无)

既然分成了3部分，那Dialog的布局也显而易见，采用BorderLayout布局。Title部分可以用Label来代替，Text用TextArea来代替（因为有时候有多行文本），Button部分就不用多说了。

既然基本思路已经清楚了，那做起来就容易很多了，我们还是先看看基本的效果图吧：

接着来看看关键代码：

Dialog dialog = new Dialog(); Button viewButton = new Button(); Label title = new Label("History"); TextArea body = new TextArea("You can see the icredit history of your query here."); body.setEditable(false); body.setFocusable(false); body.setFocusPainted(false); title.setUIID("SearchDialogTitle"); body.setUIID("SearchDialogBody"); final Command CANCEL_CMD = new Command("Cancel", 0); try { viewButton.setIcon(Image.createImage("/view.png")); viewButton.setBorderPainted(false); viewButton.setFocusable(true); dialog.setLayout(new BoxLayout(BoxLayout.Y_AXIS)); Container titleContainer = new Container(); titleContainer.getStyle().setMargin(Component.LEFT, 10); titleContainer.addComponent(title); dialog.addComponent(titleContainer); Container bodyContainer = new Container(); bodyContainer.getStyle().setMargin(Component.LEFT, 10); bodyContainer.addComponent(body); dialog.addComponent(bodyContainer); final Container viewContainer = new Container(new FlowLayout(Component.CENTER)); viewContainer.getStyle().setMargin(Component.TOP, 60); viewContainer.addComponent(viewButton); dialog.addComponent(viewContainer); viewButton.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent evt) { HistoryForm demoHistory = new HistoryForm(); demoHistory.run(Saleslion.midlet.backCommand, Saleslion.midlet); } }); dialog.addCommand(CANCEL_CMD);

其中UI的设计部分，如下图：