ATM界面设计

1.打开WinF项目,新建窗体Main-最终-效果如下。

未登录状态:

最新atm架构设计 atm界面设计_控件

登陆后:

最新atm架构设计 atm界面设计_输入框_02

(1)修改窗体的相关属性

属性:

1)text:标题文字  

2)icon:图标

3)StartPosition(起始位置):centerScreen

4)windowstate(起始状态):maximized

(2)加入菜单控件--menuStrip1

1)编辑菜单项

最新atm架构设计 atm界面设计_输入框_03

2)设置账户管理子菜单

最新atm架构设计 atm界面设计_输入框_04

3)设置现金操作子菜单

最新atm架构设计 atm界面设计_最新atm架构设计_05

4)设置状态

把账户管理、现金操作、查交易明细、退出账户四个菜单项的enabled设置为false

(3)加入状态栏控件--statusStrip1

1)增加一个状态栏文本标签toolStripStatusLabel1

2)通过Text属性设置toolStripStatusLabel1的文字

2.打开Program.cs,修改项目的启动窗口。

最新atm架构设计 atm界面设计_控件_06

设计窗口--属性设置

以下窗口均要设置以下属性:

(1)startPosition(起始位置):centerParent

(2)showIcon(显示图标):false

(3)MaximizeBox(显示最大化按钮):false

(4)minimizeBox(显示最小化按钮):false

(5)Text(窗口标题)

3.设计登录界面-Login

最新atm架构设计 atm界面设计_密码输入框_07

显示结果的label的ForeColor设置为红色,text设置为空。下同。

账号输入框设置maxLength为16

密码输入框设置maxLength为6,passwordChar设置为*

4.设计查余额界面--Show

最新atm架构设计 atm界面设计_控件_08

5.设计改密码界面--changePWD

最新atm架构设计 atm界面设计_控件_09

密码输入框设置maxLength为6,passwordChar设置为*

6.设计挂失界面--lost

最新atm架构设计 atm界面设计_输入框_10

7.设计取款界面-GetMoney

最新atm架构设计 atm界面设计_最新atm架构设计_11

本处用到数字控件控件: numericUpDown 属性value设置为1,maximum设置为5000。第8、9步操作也用到此控件,相同操作。

8.设计存款界面-SetMoney

最新atm架构设计 atm界面设计_输入框_12

9.设计转账界面-Transfer

最新atm架构设计 atm界面设计_密码输入框_13

对方账号输入框设置maxLength为16

10.设计查交易明细界面-getTrans

最新atm架构设计 atm界面设计_控件_14

添加控件dataGridView进行以下设置:

(1)设置readOnly为true

(2)dock设置为fill

(3)点击columns属性编辑绑定列,如下图。

最新atm架构设计 atm界面设计_控件_15

(4)增加列地方如下。

最新atm架构设计 atm界面设计_输入框_16

(5)各列的属性设置

 

HeadText

DataPropertyName

日期

日期

transDate

交易类型

交易类型

transType

交易金额

交易金额

transMoney

备注

备注

remark

11.设计新开户界面-NewCard

最新atm架构设计 atm界面设计_输入框_17

(1)身份证号外面添加groupbox,设置text属性。

(2)身份证号输入框设置maxLength为18。

(3)地址输入框设置multiline为true,调整高度。

(4)存款类型为comboBox控件,点击属性里的items,编辑内容。

最新atm架构设计 atm界面设计_控件_18

(5)开户金额为numericUpDown 属性value设置为1,maximum设置为5000。

(6)密码输入框设置maxLength为6,passwordChar设置为*