卡片式导航

卡 片 式 导 航 卡片式导航

1.卡片式导航

界面导航,是指引导用户来使用程序的各个功能

卡片式导航:
每个卡片代表一个业务功能,使用一个菜单来导航

技术点分析

1 左侧:功能菜单,使用ListBox实现
2 右侧:一个容器,可以容纳多张卡片

2.自定义ListBox

ListBox的自定义

1 DrawMode属性:OwnerDrawVariable
2 Measureltem事件:负责计算每一项的高度
3 DrawItem事件:负责每一项的绘制

列表项的绘制DrawItem

  • 列表项索引 e.Index
  • 列表项矩形 e.Bounds
  • 绘制工具 e.Graphics
  • 列表项的状态 e.State

注意:应该根据列表项的状态,绘制不同的样式


3.功能菜单

功能菜单:自定义ListBox,用于导航

  • 每一项高度为50
  • 每一项FuncItem
    text 文本
    icon图标
    cmd关联的命名

自定义控件的三种方式:
1组合
class X : UserControl{}
2扩展
class X : ListBox {}
3自定义
class X : Control{}


在设计上,控件应该是可以重用的
符合“可读、可扩展、可重用”三大设计标准


4.卡片容器

5.卡片容器的设计

6.项目集成

你可能感兴趣的:(卡片式导航)