PowerBuilder编程新思维5:包装(界面美化与WebUI+React) 前一节,分析了三种界面美化方案,都是控件级的美化.今天再来分析一下窗口级的美化.上一次讲的DirectUI,大家反响一般,效果和创新都不足.那是没有讲完的原故.今天……还是没有讲完,不过效果应该还行吧:). PB界面美化方案四:DirectUI包装 Hook的方式使用DirectUI,是局限在控件里.如果创建一个类似Canvas的可视控件,把所有控件包装在一个(或几个)控件里面,我把这种方式称之包装(Wrap). 在

在Winform程序开发中,界面部分的开发工作量一般是比较大的,特别是表的字段数据比较多的情况下,数据编辑界面所需要的繁琐设计和后台逻辑处理工作量更是直线上升,而且稍不注意,可能很多处理有重复或者错误,利用代码生成工具Database2Sharp设计数据编辑界面可以极大提高开发效率,减少出错机会,结合DevExpress的布局拖动调整,更是如虎添翼,使你从繁琐的界面设计开发工作中解脱出来,缺少的只是你的灵感. 1.数据编辑界面设计步骤 一般情况下,如无其他工具的辅助下,我们需要在界面上放置好相关

明明可靠颜值吃饭,却偏偏要靠才华立身,UI设计师就是这样一群神奇的物种.面对“大的同时小一点”.“五彩斑斓黑”.“下班之前给我”……这些甲方大大刁钻的需求,设计师每天都在咬牙微笑讨生活.你可以批评我的作品,但是不能质疑我的业务能力.这是设计师的底线. 言归正传,设计师们做UI设计和交互设计.界面设计等一般会去什么网站呢?我挑选了12个非常实用的设计网站,既有大家众所周知的又包含一些比较小众但是干货满满的网站,涉及素材资源站.字体设计网站.以及动效.视频素材网站等等,希望小编的推荐能对大家的学习和

Web 元素是任何网站相关项目都需要的,质量和良好设计的元素对于设计师来说就像宝贝一样.如果您正在为您的网站,博客,Web 应用程序或移动应用程序寻找完美设计的网页元素,那么下面这个列表会是你需要的. 今天这里收集的免费资源是25套免费的 Web UI 设计的界面元素,用于和Mobile App设计.它包括所有的设计元素的 PSD 格式,某些元素提供矢量格式,可以缩放到任意大小. UI Kit – Free PSD Download Ui Kit [Free PSD] Download Free

QML设计登陆界面 本文博客链接:http://blog.csdn.net/jdh99,作者:jdh,转载请注明. 环境: 主机:WIN7 开发环境:Qt5.2 说明: 用QML设计一个应用的登陆界面 效果图: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvamRoOTk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt=""&

熟练使用jquery ui / easyui的各种组件设计网页界面

PyQt实现界面与逻辑分离的设计很是方便,详情可以见我的第一篇博文. 不过本文将使用python的标准库 tkinter,来实现界面与逻辑分离的GUI 设计. 我们来设计一个很简单的程序: 目的:长度单位英尺(feet)到米(meter)的转化 实现:输入框输入英尺(feet),标签显示对应的长度米(meter).可以点击按钮,亦可按回车键. 说明:界面使用了 ttk.Frame 容器,各个部件的定位皆使用了 grid() 方法,3行3列 效果:如下 代码: 眼力好的你一定会发现,下面的代码风格

软硬件环境 OS X EI Capitan Python 3.5.1 PyQt 5.5.1 PyCharm 5.0.1 前言 在PyQt5系列教程的第一篇http://blog.csdn.net/djstavaV/article/details/50218157,我们已经搭建好了开发环境,今天,我们就用Python开发第一个Qt GUI程序,让大家感受下Qt开发的魅力,熟悉下Qt开发GUI程序的一般流程. 制作程序UI界面,一般会有2种方法,利用UI制作工具和纯代码编写,像移动开发中的Andro

我们大家都编写过程序,但是如果能够设计一个GUI界面,会使程序增添一个很大的亮点!今天就让我们来用目前十分流行的python语言写出一个最基本的GUI,为日后设计更加漂亮的GUI打下基础. 工具/原料 Python编译软件 PyQt设计软件 方法/步骤   1 首先,如果没有安装python和PyQt软件的请先直接搜索下载并安装.python是一个开源软件,因此都是可以在网上免费下载的,最新版本即可.下载完成后,我们先打开PyQt designer. 2 打开后,首先是一个默认的新建窗口界面,在

我们开发 Android 程序必定是从 UI 开始的 ,使用最新版的 Android Studio 可以在图形化界面下设计软件 UI, Android Studio 默认的布局是 ConstraintLayout 通过拖动可以快捷的将我们想要的文字.图片.输入框放到界面中 通过各种国定对齐方式可以方便的设计程序 UI ,并让界面适应不同的屏幕大小 其中值得注意的是,魔法棒按钮可以智能的固定已有的组件,十分方便 一般用好辅助线和边界线就可以设计出比较整齐的界面来

要想玩转Winform自定义控件需要对GDI+非常熟悉,对常用的控件有一些了解,好选择合适的基类控件来简化. 要点说明及代码 1)定义接口: using System; using System.Windows.Forms; namespace GDIPrinterDriver { /// <summary> /// 模板元素接口 /// </summary> public interface ILabelDesignElement { /// <summary> //

有些场合,我们需要对数据可视化.单是靠 tkinter 难度太大,而且做出来的效果不一定理想. 此时,将 tkinter 与 matplotlib 结合,是最好的选择. 知识点: 将 tkinter 与 matplotlib 结合的整个套路是固定的,只需要关心我们的绘图逻辑和程序逻辑即可 import matplotlib matplotlib.use('TkAgg') import numpy as np from matplotlib.backends.backend_tkagg impor

知识点: 使用 tkinter.Frame.tkraise() 函数去提升当前 tkinter.Frame 的 z 轴顺序,使得多个 tkinter.Frame 的可见性得以切换 本文基于:win7 + python34 1 2 3 4 5 import matplotlib matplotlib.use("TkAgg") from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg, NavigationToolbar

由于要用到文件对话框和消息对话框,所以先给出下面的列表. py2 与 py3 中 tkinter 的变化: Tkinter → tkinter tkMessageBox → tkinter.messagebox tkColorChooser → tkinter.colorchooser tkFileDialog → tkinter.filedialog tkCommonDialog → tkinter.commondialog tkSimpleDialog → tkinter.simpledia

首先 创建一个新的项目找到app 文件目录下的layout的 activity_main.xml 因为Android Studio 是可视化的,所有操作都可以在图形界面进行. 该res 界面当中  drawable 可以将需要的图片导入该目录当中进行调用 layout的目录是布局界面 values 当中存有可以更改界面的颜色 字符串还有款式的xml文件.当然也可以在可视化界面当中便捷的更改. 如下图所示为可以添加到界面的各种符号,若账号输入框,密码输入框,按钮和各种选择键. 添加辅助线的按钮如下

一些后面再细看的内容: Document Outline窗口有什么帮助? 1.Panel控件 为了便于组织窗口内很多的UI元素,要使用Panel控件(也称为布局管理器).Panel容纳所有的窗口UI元素,并作为唯一对象赋给窗口的Content属性. 常用的Panel控件有: Canvas.即画布,使用绝对位置,用户调整窗口尺寸后,可能有UI元素不可见. DockPanel.可以将内容锁定在面板的某一侧. Grid.像表格一样,将UI元素安排在一系列单元格中. StackPanel. WrapPa

转至@徐州瑞步科技(http://www.cnblogs.com/brooks-dotnet/archive/2013/06/05/3119923.html) 资源地址:http://pan.baidu.com/s/1sjJRjm X

1.创建项目 文件管理器是一个基于对话框的应用程序.首先新建一个“MFC应用程序”类型的项目,然后输入新建项目的名称“FileMng”,并指定该项目保存的位置,单击“确定”按钮,如图所示. 在弹出的“应用程序类型”向导对话框中,选择“应用程序类型”为“基于对话框”,并取消对“使用Unicode库”复选框的选择,如图所示. 点击Next按钮,在弹出的“用户界面接口”向导对话框中,选择Minimize box 和 Maximize box 复选框,并取消对“About box”复选框的选择,如图所示

基于Extjs的web表单设计器 基于Extjs的web表单设计器 第一节 基于Extjs的web表单设计器 第二节——表单控件设计 基于Extjs的web表单设计器 第三节——控件拖放 基于Extjs的web表单设计器 第四节——控件拖放 基于Extjs的web表单设计器 第五节——数据库设计 基于Extjs的web表单设计器 第六节——界面框架设计 基于Extjs的web表单设计器 第七节——取数公式设计 基于Extjs的web表单设计器 第八节——表单引擎设计 这一节我给大家介绍一下表单设

一.问题描写叙述 本系列将结合案例应用,陆续向大家介绍一些Android典型界面的设计,首先说说tab导航,导航分为一层和两层(底部区块+区域内头部导航).主要实现方案有RadioGroup+ViewPage+Fragment.Viewpager Indicator.ActionBar Tabs.FragmentTabHost+Fragment等,以下我们先採用RadioGroup+ViewPage+Fragment实现区域头部导航. 如图所看到的: 二.案例主要组件 1.先看一下MainAct

移动 APP 页面布局(Layout)是我们设计 app 界面的时候,最主要的设计任务.一个 app 的好与不好,很大部分取决于移动 APP 页面布局的合理性. 下图为 APP 最原始的布局模型. 页面布局顾名思义就是对页面的文字.图形或表格进行排布.设计.优秀的布局,需要对页面信息进行完整的考虑.即要考虑用户需求.用户行为,也要考虑信息发布者的目的.目标. 对用户行为的迎合和引导,有一些既有原则和方法,比如下面的 22 条基本原则: 1.公司/组织的图标(Logo)在所有页面都处于同一位置.