欢迎光临散文网 会员登陆 & 注册

[C#学习笔记18]项目UI设计总体要求和基于无边框设计登录窗体的技巧

2020-07-08 06:43 作者:技术龙的传人  | 我要投稿

一、项目UI尺寸的说明

1、总体尺寸:若客户有要求,按照要求做;否则需要调研客户对软件的使用环境

    常见尺寸:1500*1000(900)  1300*(高度可以根据界面具体情况来定)

    建议比例:4:3            16:10

2、总体风格:无边框,扁平化设计(简约时尚),通常由美工配合做得更好。

二、设计登陆界面窗体

窗体属性:

    FormBorderStyle:None    ——   无边框

    Size    Width:393      Height:260     ——   尺寸

    StartPosition:CenterScreen    ——   屏幕中心位置

     icon:略                        ——  根据需要选择对应的图标

    BackgroundImage:略   ——  根据需要选择对应的背景图片

lable属性:

    Text:管理员账号、密码:   ——  文本内容

    BackColor:xx,xx,xx   ——  根据背景图片使用颜色提取工具提取颜色复制到编辑框中

    Font:略   ——  根据需要调整字体

TextBox属性:

    BorderStyle:FixedSingle   ——  单一边框

    UseSystemPasswordChar:False   ——  密码显示暗码

CheckBox属性:

    Text:记住密码

botton属性:

    Text:登录系统

    FlatStyle:Flat   ——  边框

    FlatAppearance:BorderColor:Whilte ——  边框颜色白色

    Font:ForeColor:White ——  字体前景色白色

窗体可移动添加代码如下:

定义一个位置信息Point用于存储鼠标位置

private Point mPoint;

给窗体等控件增加MouseDown和MouseMove事件

        /// <summary>

        /// 鼠标按下

        /// </summary>

        /// <param name="sender"></param>

        /// <param name="e"></param>

        private void panel1_MouseDown(object sender, MouseEventArgs e)

        {

            mPoint = new Point(e.X, e.Y);

        }

        /// <summary>

        /// 鼠标移动

        /// </summary>

        /// <param name="sender"></param>

        /// <param name="e"></param>

        private void panel1_MouseMove(object sender, MouseEventArgs e)

        {

            if (e.Button == MouseButtons.Left)

            {

                this.Location = new Point(this.Location.X + e.X - mPoint.X, this.Location.Y + e.Y - mPoint.Y);

            }

        }

窗口右上角添加关闭按钮属性:略


    

    


    

    

    

    

    


[C#学习笔记18]项目UI设计总体要求和基于无边框设计登录窗体的技巧的评论 (共 条)

分享到微博请遵守国家法律