DELPHI盒子
!实时搜索: 盒子论坛 | 注册用户 | 修改信息 | 退出
检举帖 | 全文检索 | 关闭广告 | 捐赠
技术论坛
 用户名
 密  码
自动登陆(30天有效)
忘了密码
≡技术区≡
DELPHI技术
lazarus/fpc/Free Pascal
移动应用开发
Web应用开发
数据库专区
报表专区
网络通讯
开源项目
论坛精华贴
≡发布区≡
发布代码
发布控件
文档资料
经典工具
≡事务区≡
网站意见
盒子之家
招聘应聘
信息交换
论坛信息
最新加入: tigerleentu
今日帖子: 8
在线用户: 44
导航: 论坛 -> 信息交换 斑竹:huadugaojian,sunyesy,huangjacky  
作者:
男 gaoyong_gy (gaoyong_gy) ★☆☆☆☆ -
盒子活跃会员
2017/1/17 11:40:45
标题:
Delphi移动程序通用界面设计(升级到10.0) 浏览:2445
加入我的收藏
楼主: 详情请看看

我的博客:http://blog.163.com/you888@188/blog/static/6723961920159271412582/

参考了很多程序的界面设计,加上自己的亲身经验,现在设计了如下安卓,ios下通用的界面。之所以说是通用,是因为,常规app程序的界面设计要素基本就这么多。如果我们要开发的程序的设计界面与哪个窗口类似,直接拷贝过去即可直接使用,纯粹搭积木式设计。
所有界面的设计均耗费了我大量的心血,充分考虑了颜色的搭配,位置的协调,线条的粗细与长短,还有界面的布局,系统的兼容,操作的方便等等等等。

优化加增加一些功能。自己看看以下的图片吧。或者下载以下文件自己运行看看。

Delphi移动程序通用界面设计(升级到10.0)
Delphi移动程序通用界面设计10.0.apk安装程序下载(文件稍大,是因为包含的图片比较多):
链接: http://pan.baidu.com/s/1sl3y5jB

(10.0的没有录视频,请看下面的截图)
==========
Delphi手机通用界面设计9.0高勇.mp4
操作视频:http://v.youku.com/v_show/id_XMTg1MzIyMjUyNA==.html
==========


特点:D10.1update2下纯Delphi原生控件实现的纯界面设计,安卓,ios通用。


友情赞助地址(提供源码,赞助后可以加入一个群,提供不定期升级):

https://item.taobao.com/item.htm?id=522707335329



购买后可以加入一个群,本界面设计会持续升级。
本demo大概包括了如下内容:
1、安卓和ios下的所有用到的程序图标和闪屏图片的尺寸都有示例,它们保存在“图标”文件夹中;
2、基本解决启动黑屏问题,ios下完全不黑屏,安卓下有瞬即的黑屏切换。
3、实现了各种各样的菜单:
       一行4个图标,类似于9宫格;
       一行2个图标,很多购物APP用;
       可折叠的图标菜单;
       实现了两种类型的快捷菜单(一个有气泡前头,一个没有);
       左侧可上下滑动的菜单;
       上侧可左右滑动的图标菜单;
       。。。。。。还有很多,期待你的发现
4、实现了4种常用的对话框,而且你可以自己任意定义,只要你愿意;最大的便利是不需要安装控件。
5、手机自己生成自定义的二维码;
6、全form设计,没有使用frame方案,这符合一般人的习惯,每个form可以彻底释放,不用担心内存暴涨的问题;
7、解决按钮图标的点击与滑动的冲突,滑动时不会执行点击事件;
8、用自带控件轻松实现广告图片轮播效果,这以前可是得买专门控件才能够实现的;
9、实现了各种常用的编辑输入控件的界面设计,本风格基本通吃所有app界面设计,基本就是直接拷贝来就用,中间的优化调整实在是太多了,费了我好多心血;
10、form2是输入界面控件,有各种输入控件及按钮设计的效果,最重要的是,如果你直接用这个窗口来设计的话,本窗口已经对输入法进行了很好的处理。输入时是不会挡住输入控件的;
11、每个窗口的关闭,只需要调用close即可。除了form1-4之外,均会自动释放;
12、实现了窗口载入时的切入动画处理。很简单的。只要遵守规则就行了;
13、实现了常规的登录,注册及找回密码的通用界面;
14、设计了各种各样的按钮,而且有简单可靠的动感;
15、实现了一个通用的打开网页的web窗口,有可扩充的快捷菜单,有简单的分享功能;
16、可在安卓和ios下完全退出程序运行。
17、还可一个多线程的等待窗口,这可是3个平台通用哟,经过了无数次的失败才搞定的。

18、增加手机QQ左侧滑动渐变菜单。
19、增加了一个常用控件集(非常实用的界面收集)。
20、增加了手势输入密码。

21、增加启动欢迎界面。
22、增加了一个上侧的3选1按钮菜单。
23、完善了左侧菜单的内容。
24、丰富了常用控件集窗口的内容。
25、优化了界面的代码,本来就没有几行代码,更加精简了。
26、增加了安卓下的透明状态栏功能。谢谢群里的滨滨同学。

27、增加了列表选择对话框。

Delphi移动程序通用界面设计6.0更新记录。

1、增加了一个表达试计算器。

2、增加了一个自定义数字输入键盘,解决了调用自定义输入键盘与系统输入法的冲突。

Delphi移动程序通用界面设计7.0更新记录。

1、增加了4个新的窗口设计。修改了主窗口的一些按钮。

2、修改了所有窗口的载入也载出动画。

3、修改了播放图片的sytle,当前页图片指示显示为一个小点了(安卓为小方点,ios为小圆点)。

4、更新了根目录下的FMX.Platform.Android.pas文件。请你也更新一下(否则上下滑动没有弹的效果,4.4版本以上也不会有透明顶栏)。



Delphi移动程序通用界面设计8.0更新记录。

1、修改了广告图片播放时的算法,当向一边滑动到最后一张可见图片后,继续滑动会从最左或最右一张可见图片重复。

2、修改了unit4的顶部,加入了现在很多程序的常用设计:向上滑动时,图标变化并且标题栏为渐变的显示或者隐藏,更新了漂亮的背景图片。(花1000元定制解决的成果)

3、增加了UZuiXinLieBiaoZhanShi.pas单元,展示不同类别的最新记录,采用了不同的设计风格,界面可供其它程序参考。

4、修改增强了unit2单元,增加了输入控件的类别,完美的解决了输入控件较多时,滑动与虚拟键盘弹出的矛盾,修正了在ios下输入控件与弹出键盘的显示矛盾。(花5000元定制解决的成果)

5、将主界面的图标和下导航4个图片调整了大小,更加符合主流软件的设计风格,似乎也更加美观了。

6、去掉了辛辛苦苦实现的打开窗口和关闭窗口时的动画效果,打开各窗口时更加流畅了,各种操作体验基本赶超原生程序。

7、修正了程序切换到后台容易自动退出的问题,解决了与拍照,打开图库图片(Delphi自带的功能)冲突的问题。

8、Ukongjian.pas单元增加了一个搜索输入框。



Delphi移动程序通用界面设计9.0更新记录。


 

1、Ukongjian.pas单元增加了好几个异型按钮,和原pc机上的所谓异型按钮不一样,自己去体验。

2、修改了程序图标,启动界面图片,修改为本demo标志性图片。

3、在程序根目录下新增加:“01生成软件图标及启动画面”文件夹,用来设计辅助生成app的图标和启动图片。相当方便了。让您更换程序图标和启动图片变成分分钟的事情。

5、实现了几个通用菜单,如快捷菜单样式,ios靠下的选择菜单样式等等,您可以在本窗口中随便设计。从此菜单设计可以随心所欲了。

6、重新实现了一个手势密码输入窗体,在输入错误时,可以显示你输入的轨迹,相比其它app的手势输入,这个可以输入更加复杂的密码。我估计大部分人实现不了。

7、加入了个相对独立的窗体,用来自拍头像并修改成圆形图片,绝对实用,每个程序应该都需要。

8、增加一个加强版本的图片查看编辑器窗体,支持手势和鼠标的移动和放大图片的操作,接近系统原来的图片查看器,花了很大功夫搞出来的。

9、增加了一个选择图片或文件的窗体,可以单选,也可以多选。文件夹和图片文件可以一起显示,图片会显示缩略图。



Delphi移动程序通用界面设计10.0更新记录。

Delphi移动程序通用界面设计(升级到10.0)我一直在努力,希望您看得见 - you888 - Delphi Intraweb及移动开发

1、显示一篇文章,这提供了一个常用的图片,标题,时间加内容的显示方式,如果有较长说明性文字,您可以直接调用,相当方便,右上角有将当前内容拷贝到系统剪切板的功能。

2、打开gif,让您的fmx程序可以显示gif图片。


3、数码产品天下,是一个主界面的设计样式,您可以直接参考当您程序的主界面。该界面特点很明显,特别是底部的导航栏,中间的与众不同,只有中间部分当今界面内容。

4、商城首页,是一个主界面的设计样式,您可以直接参考当您程序的主界面。界面内容横屏时会等比例放大,竖屏时会还原。右下角有悬浮的半透明购物车,并可以显示数量。整个色彩搭配也是非常不错的。

5、宠物医院,是一个主界面的设计样式,与您的设计有类似之处,您就可以直接使用并修改之。

6、去掉了安卓6以上版本的标题栏上的阴影,暂时独家实现。
----------------------------------------------
Delphi 的移动程序开发,是您不可再错失的机遇:http://blog.163.com/you888@188/blog/static/6723961920169319529515/
作者:
男 gaoyong_gy (gaoyong_gy) ★☆☆☆☆ -
盒子活跃会员
2017/1/17 11:41:43
1楼:
此帖子包含附件:
PNG 图像
大小:386.6K
----------------------------------------------
Delphi 的移动程序开发,是您不可再错失的机遇:http://blog.163.com/you888@188/blog/static/6723961920169319529515/
作者:
男 gaoyong_gy (gaoyong_gy) ★☆☆☆☆ -
盒子活跃会员
2017/1/17 11:47:39
2楼: 您的支持,是它继续发展壮大的动力,谢谢各位支持的兄弟们。
----------------------------------------------
Delphi 的移动程序开发,是您不可再错失的机遇:http://blog.163.com/you888@188/blog/static/6723961920169319529515/
作者:
男 gaoyong_gy (gaoyong_gy) ★☆☆☆☆ -
盒子活跃会员
2017/1/17 11:51:23
3楼: 购买后,如果有人要制作界面,且此界面可以加入到该demo的话,只要你提供ps图片,我免费制作。
----------------------------------------------
Delphi 的移动程序开发,是您不可再错失的机遇:http://blog.163.com/you888@188/blog/static/6723961920169319529515/
作者:
男 peng_delphi (我去) ★☆☆☆☆ -
普通会员
2017/1/17 13:34:33
4楼: 要想delphi活,我建议您免费比较好。现在delphi的市场就比较小,
----------------------------------------------
程序在于业务、流程、思想、风格。
作者:
男 gaoyong_gy (gaoyong_gy) ★☆☆☆☆ -
盒子活跃会员
2017/1/17 14:32:41
5楼: 那只是你觉得。Delphi不会死的。
----------------------------------------------
Delphi 的移动程序开发,是您不可再错失的机遇:http://blog.163.com/you888@188/blog/static/6723961920169319529515/
作者:
男 lps (lps) ★☆☆☆☆ -
盒子活跃会员
2017/1/17 14:35:10
6楼: 5楼:
   楼主是挣这个钱的啊
----------------------------------------------
-
作者:
男 arhaha (lin) ★☆☆☆☆ -
盒子活跃会员
2017/1/17 17:53:53
7楼: 通过自己的劳动挣钱,倒也无可厚非,支持!等我们这里哪天需要开发app了,来联系楼主买!
----------------------------------------------
-
作者:
男 zhahongyi (如风) ★☆☆☆☆ -
普通会员
2017/1/18 11:47:38
8楼: 我觉得delphi是死是活,跟楼主免不免费一毛钱关系都没有。这个东西人家付出了大量的精力,没有回报,只依靠热情是不能长久持续下去的。
----------------------------------------------
-
作者:
男 kinneng (kinneng) ★☆☆☆☆ -
盒子活跃会员
2017/1/18 12:00:51
9楼: 这年头免费的东西不放心拿,比如上街有人说免费给办银行卡。
----------------------------------------------
声明:本人不在论坛询问任何编程问题,请不要将我的帖子当成问题来回答。炒股一天,编程三年,不浪费时间了。 经常在外面,没空,不要找我..
作者:
男 gaoyong_gy (gaoyong_gy) ★☆☆☆☆ -
盒子活跃会员
2017/1/18 22:28:03
10楼: 楼上两位正解
----------------------------------------------
Delphi 的移动程序开发,是您不可再错失的机遇:http://blog.163.com/you888@188/blog/static/6723961920169319529515/
作者:
男 gaoyong_gy (gaoyong_gy) ★☆☆☆☆ -
盒子活跃会员
2017/1/18 22:33:34
11楼:
此帖子包含附件:
PNG 图像
大小:966.9K
----------------------------------------------
Delphi 的移动程序开发,是您不可再错失的机遇:http://blog.163.com/you888@188/blog/static/6723961920169319529515/
作者:
男 gaoyong_gy (gaoyong_gy) ★☆☆☆☆ -
盒子活跃会员
2017/1/18 22:35:12
12楼:
此帖子包含附件:
PNG 图像
大小:628.8K
----------------------------------------------
Delphi 的移动程序开发,是您不可再错失的机遇:http://blog.163.com/you888@188/blog/static/6723961920169319529515/
作者:
男 gaoyong_gy (gaoyong_gy) ★☆☆☆☆ -
盒子活跃会员
2017/1/19 9:03:43
13楼:
Delphi实现的一二维码扫描(全平台通用)

http://blog.163.com/you888@188/blog/static/67239619201701983759349/
----------------------------------------------
Delphi 的移动程序开发,是您不可再错失的机遇:http://blog.163.com/you888@188/blog/static/6723961920169319529515/
作者:
男 gaoyong_gy (gaoyong_gy) ★☆☆☆☆ -
盒子活跃会员
2017/2/7 21:08:36
14楼: 这就是设计的效果,状态栏与导航栏颜色一致。你也可以指定每个窗口的状态栏和导航栏的颜色。状态栏和导航栏的颜色不一定要相同。
此帖子包含附件:
JPEG 图像
大小:56.5K
----------------------------------------------
Delphi 的移动程序开发,是您不可再错失的机遇:http://blog.163.com/you888@188/blog/static/6723961920169319529515/
作者:
男 gaoyong_gy (gaoyong_gy) ★☆☆☆☆ -
盒子活跃会员
2017/2/7 21:09:02
15楼:
此帖子包含附件:
JPEG 图像
大小:40.8K
----------------------------------------------
Delphi 的移动程序开发,是您不可再错失的机遇:http://blog.163.com/you888@188/blog/static/6723961920169319529515/
作者:
男 gaoyong_gy (gaoyong_gy) ★☆☆☆☆ -
盒子活跃会员
2017/2/7 21:20:03
16楼: 有虚拟键盘的,如上述。

最新版本下载:http://pan.baidu.com/s/1pLKy8Dt
----------------------------------------------
Delphi 的移动程序开发,是您不可再错失的机遇:http://blog.163.com/you888@188/blog/static/6723961920169319529515/
作者:
男 gaoyong_gy (gaoyong_gy) ★☆☆☆☆ -
盒子活跃会员
2017/2/7 21:31:30
17楼: 纯Delphi代码实现的一二维码扫描,自动扫描与手动扫描二合一。

win,mac,ios与安卓通用(win平板暂时不支持,因为Delphi还不支持调用其后置摄像头)。

仅仅适用最新版本的Delphi10.1update2。其它版本我没有安装,可能要修改代码。



源码索取:http://item.taobao.com/item.htm?id=544459109539
----------------------------------------------
Delphi 的移动程序开发,是您不可再错失的机遇:http://blog.163.com/you888@188/blog/static/6723961920169319529515/
信息
登陆以后才能回复
Copyright © 2CCC.Com 盒子论坛 v3.0.1 版权所有 页面执行449.2188毫秒 RSS