模仿Smartphone的开始菜单效果

开发平台: VS2008 + Windows Mobile 6 Standard SDK

项目: smartphone application .net2.0

设计思路: 现在SP手机基本都是QVGA(320*240)的分辨率,九宫格菜单最多显示9个菜单项,而上下左右移动方向键就两种效果,一个是两个菜单项互换,一个是上下翻页。所以我就在控件中放入9个固定位置的PictureBox和Label控件,只需要在后台实现上面两种效果就可以了。(省去了自己绘图的工作,水平有待提高啊~~)

类名 描述
GridMenuItem 单个菜单项
GridMenuControl 菜单容器控件

一个菜单项有这样一些属性:默认图标,选中图标,文字,按键点击该菜单项还会调用某个方法。

GridMenuItem

1 public class GridMenuItem
2 {
3 /// <summary>
4 /// 子项文本说明
5 /// </summary>
6 public string Text
7 {
8 get;
9 set;
10 }
11
12 /// <summary>
13 /// 子项默认图标
14 /// </summary>
15 public Image Icon
16 {
17 get;
18 set;
19 }
20
21 /// <summary>
22 /// 子项选中图标
23 /// </summary>
24 public Image Icon2
25 {
26 get;
27 set;
28 }
29
30 public delegateItemClick Click;
31
32 }

时间: 2024-10-21 09:22:59

模仿Smartphone的开始菜单效果的相关文章

jQuery模仿京东/天猫商品左侧分类导航菜单效果_jquery

现在天猫或者京东商品分类模块的默认的效果是这样的: 当鼠标滑过任意一栏导航分类时,就会出现相关详细分类模块,例如: 当鼠标移出蓝色框以外的区域,就会恢复默认的效果显示!然而使用jQuery的鼠标滑过事件,用得比较多的就是mouseover()和mouseout(),或者是他们两个的整合hover();所以之前我也是用的这种方法,但是一直调整都调整不到想要的效果!后来灵光一现,想着使用一下mouseenter()和mouseleave();结果分分钟想要的效果就出来了! 我的布局大致是这样的: <

Android实现模仿UCweb菜单效果的方法_Android

本文实例讲述了Android实现模仿UCweb菜单效果的方法.分享给大家供大家参考.具体如下: UCWeb的菜单看起来不错,自己模仿做一个,思路实现如下: 1.保留menu按键作用 2.用popupwindow作为菜单显示容器 3.用GridView显示所有子菜单 代码如下: 1.布局文件: popupwindow.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:and

ASP模仿google suggest风格实现下拉菜单效果_应用技巧

今天和大家一起利用ASP模仿实现google suggest风格的下拉菜单,直接上代码 1.前台代码: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d

ASP模仿google suggest风格实现下拉菜单效果

今天和大家一起利用ASP模仿实现google suggest风格的下拉菜单,直接上代码 1.前台代码: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d

Android实现模仿UCweb菜单效果的方法

本文实例讲述了Android实现模仿UCweb菜单效果的方法.分享给大家供大家参考.具体如下: UCWeb的菜单看起来不错,自己模仿做一个,思路实现如下: 1.保留menu按键作用 2.用popupwindow作为菜单显示容器 3.用GridView显示所有子菜单 代码如下: 1.布局文件: popupwindow.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:and

JavaScript+CSS实现仿天猫侧边网页菜单效果_javascript技巧

本文实例讲述了JavaScript+CSS实现仿天猫侧边网页菜单效果.分享给大家供大家参考.具体如下: 这是一款自己写的仿天猫的菜单效果,二级分类的功能已经实现,但没有美化,留着用的朋友自己完善吧,JS功能已经实现,鼠标移在主分类上,二级分类向右伸出展开,目前淘宝网.天猫购物.京东都在用的导航菜单特效,测试时候请先点击一下菜单,主菜单就显示出来了. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-ftamil-web-menu-st

Javascript模拟游戏中的弹出菜单效果

javascript|菜单 许多游戏的菜单弹出显得很酷,其实用简单的javascript代码很容易就可以实现这种效果,这对一些做游戏类个人主页的朋友很有帮助,她可以让浏览者有一种身临其境的感觉,而她原代码可是非常的简单哦.就是下面的寥寥几行. <html> <head> <title>模拟游戏中弹出菜单效果</title> <script language="javascript"> var b = 0; var c = tr

css3制作的精美链接菜单效果

一组精美的CCS3代码制作的文字链接菜单效果,链接色彩变换样式非常漂亮,值得收藏参考! [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

&amp;#106avascript模拟游戏中的弹出菜单效果

菜单 许多游戏的菜单弹出显得很酷,其实用简单的javascript代码很容易就可以实现这种效果,这对一些做游戏类个人主页的朋友很有帮助,她可以让浏览者有一种身临其境的感觉,而她原代码可是非常的简单哦.就是下面的寥寥几行. <html> <head> <title>模拟游戏中弹出菜单效果</title> <script language="JavaScript"> var b = 0; var c = true; functio