使用htmlcontrol实现各种基本控件

最新推荐文章于 2022-09-20 16:13:32 发布

taoshuai567

最新推荐文章于 2022-09-20 16:13:32 发布

阅读量1.6k

点赞数

本文链接：https://blog.csdn.net/taoshuai567/article/details/5413164

版权

本文介绍如何用htmlcontrol实现一些基本的控件。

Label

Label就是显示小量的文本，这个是很简单的，例如

_LIT(KHtml, "I'm a label.");

当然，你可能希望改变它的字体或者颜色，

_LIT(KHtml, "<font size='30' color='#ff0000'><b>I'm a label.</b></font>");

或者添加边框和背景色，

_LIT(KHtml, "<div style='border:1 outset #333333;background-color:#cccccc'><font size='30' color='#ff0000'><b>I'm a label.</b></font></div>");

Edit

htmlcontrol封装了CEikEdwin，创建一个输入框变得很简单，例如

_LIT(KHtml, "<input type='text'>");

你可能希望改变它的大小、边框和背景色，

_LIT(KHtml, "<input type='text' style='width:60%; border:1 solid #000000; background-color:#00ffff'>");

或者希望创建一个多行的输入框，

_LIT(KHtml, "<textarea></textarea>");

更时髦点的应该加上下划线，

_LIT(KHtml, "<textarea drawlines='true'></textarea>");

样式也是想改就改的，比如说实现一个透明的输入框，

_LIT(KHtml, "<body style='background-image:images/2009-02-24_173611.jpg'><textarea draw-lines='true' style='background-color:none;color:#ff0000'></textarea></body>");

Image

htmlcontrol支持几乎所有格式的图片，例如

_LIT(KHtml, "<img src='images/N97_main.jpg'>");

缩放是随意的，

_LIT(KHtml, "<img src='images/N97_main.jpg' width='100' height='100'>");

支持GIF动画的播放，

_LIT(KHtml, "<img src='images/2.gif'>");

GIF也可以缩放着播放，

_LIT(KHtml, "<img src='images/2.gif' width='200' height='200'>");

Button

可以使用<input type='button'>实现一个传统的button，不过这里不讨论这种简单的方式。我们看一种复杂的button。

_LIT(KHtml, "<body style='padding:auto auto'><div focusing='true' style='width:100;height:30;border:1 inset #333333;background-color:#eeeeee;padding:auto auto'>Button</div></body>");

focusing='true'说明这个DIV是可以获得键盘焦点的（在触摸屏上则可以点击）。但作为Button，它还需在获得焦点时提示用户，也就是

_LIT(KHtml, "<body style='padding:auto auto'><div focusing='true' style='width:100;height:30;border:1 inset #333333;background-color:#eeeeee;padding:auto auto' focus-style='border:2 solid #0000ff; padding:-3'>Button</div></body>");

这里使用了focus-style定义获得焦点后的样式。

下面是一个带图片的两个Button的例子（更简洁的写法可以使用样式表）

_LIT(KHtml, "<body style='padding:auto auto'>" 
        "<div focusing='true' style='width:100;height:30;border:1 inset #333333;background-color:#eeeeee;padding:auto auto' focus-style='border:2 solid #0000ff; padding:-3'><img src='images/apply.png' width='20' height='20'>Button1</div><br><br>" 
        "<div focusing='true' style='width:100;height:30;border:1 inset #333333;background-color:#eeeeee;padding:auto auto' focus-style='border:2 solid #0000ff; padding:-3'><img src='images/cancel.png' width='20' height='20'>Button2</div>" 
        "</body>");

taoshuai567

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用htmlcontrol实现各种基本控件

本文介绍如何用htmlcontrol实现一些基本的控件。 LabelLabel就是显示小量的文本，这个是很简单的，例如 _LIT(KHtml, "Im a label."); 当然，你可能希望改变它的字体或者颜色， _LIT(KHtml, "Im a label."); 或者添加边框和背景色， _LIT(KHtml, "Im a la
复制链接

扫一扫