Delphi 視窗 & 移動裝置程式開發 - 廖啟甫 (Nolon Liao): UI

顯示具有 UI 標籤的文章。顯示所有文章

2020年2月14日星期五

Delphi 10.3.3 Rio 美麗的應用程序用戶界面 (II) Beautiful App UI

Delphi 10.3.3 Rio 美麗的應用程序用戶界面 (II)
Delphi 10.3.3 Rio Beautiful App UI (II)

只使用內建 Layout、Image、Rectangle、Circle 及 FloatAnimation 動畫元件就能設計出美麗的應用程序用戶界面，所見即所得 WYSIWYG 用戶界面設計方式，Delphi 真是太棒了。

開發環境：Embarcadero Delphi 10.3 Version 26.0.36039.7899 (Delphi 10.3.3 Rio)
作業系統：Windows 10 專業版 (64 位元)

測試手機：小米手機 MI A2
手機環境：Android 10.0

YouTube：
https://www.youtube.com/channel/UCdqhXsMD1Vyvp2769FPKCog
部落格：
http://nolanliao1965.pixnet.net/blog
http://nolanliao1965.blogspot.tw
臉書：
https://www.facebook.com/NolanLiao1965
https://www.facebook.com/groups/1903734576514424/
Twitter：
https://twitter.com/NolanLiao1965
SlideShare：
http://www.slideshare.net/NolanLiao1965/

Tags
#Delphi #FireMonkey #Android 10 #UI #小米手機 #電子書包

2020年2月5日星期三

Delphi 10.3.3 Rio 美麗的應用程序用戶界面 (I) Beautiful App UI

Delphi 10.3.3 Rio 美麗的應用程序用戶界面
Delphi 10.3.3 Rio Beautiful App UI

只使用內建 Layout、Image、Rectangle、Circle及 FloatAnimation 動畫元件就能設計出美麗的應用程序用戶界面，所見即所得 WYSIWYG 用戶界面設計方式，Delphi 真是太棒了。

開發環境：Embarcadero Delphi 10.3 Version 26.0.36039.7899 (Delphi 10.3.3 Rio)
作業系統：Windows 10 專業版 (64 位元)

測試手機：小米手機 MI A2
手機環境：Android 10.0

測試手機：華為平板 MediaPad T5
手機環境：Android 8.0

YouTube：
https://www.youtube.com/channel/UCdqhXsMD1Vyvp2769FPKCog
部落格：
http://nolanliao1965.pixnet.net/blog
http://nolanliao1965.blogspot.tw
臉書：
https://www.facebook.com/NolanLiao1965
https://www.facebook.com/groups/1903734576514424/
Twitter：
https://twitter.com/NolanLiao1965
SlideShare：
http://www.slideshare.net/NolanLiao1965/

2018年8月5日星期日

Delphi + Adobe XD UI/UX 視覺設計技術講座

RAD Studio 開發『視覺設計』系統設計實務

◎ 使用程式開發工具與版本。

◎ UI & UX - 用户界面&用户體驗

◎ 程式操作界面流程設計(無需編寫程式)。

◎ 連線實體手機操作展示 (iOS & Android)。

◎ 界面實務範例詳解與實作。

◎ 問題 Q&A 討論

Adobe XD CC | UX/UI design, prototyping & collaboration tool 官方網站

http://www.adobe.com/products/xd.html

YouTube：

https://www.youtube.com/channel/UCdqhXsMD1Vyvp2769FPKCog

部落格：

http://nolanliao1965.pixnet.net/blog

http://nolanliao1965.blogspot.tw

臉書：

https://www.facebook.com/NolanLiao1965

https://www.facebook.com/groups/1903734576514424/

Google+：

https://plus.google.com/114820935539769287269/posts

https://plus.google.com/u/0/communities/114911314106887760525

Twitter：

https://twitter.com/NolanLiao1965

SlideShare：

http://www.slideshare.net/NolanLiao1965/

2018年3月15日星期四

FireMonkey UI Templates Demo 用戶界面模板操作示範

RAD Studio 10.2.3 Tokyo FireMonkey UI Templates
FireMonkey UI Templates Demo 用戶界面模板操作示範

FireMonkey UI Templates 用戶界面模板，共計 18 個用戶界面模板範例程式，滿足您渴望美化 App UI 的心。
FireMonkey UI Templates,18 Demo enable you to beautify App.

範例程式：
C:\Users\Public\Documents\Embarcadero\Studio\19.0\Samples\Object Pascal\Sign Up Screens
C:\Users\Public\Documents\Embarcadero\Studio\19.0\Samples\Object Pascal\Login Screens
C:\Users\Public\Documents\Embarcadero\Studio\19.0\Samples\Object Pascal\App Settings Screens
C:\Users\Public\Documents\Embarcadero\Studio\19.0\Samples\Object Pascal\App Profile Screens
C:\Users\Public\Documents\Embarcadero\Studio\19.0\Samples\Object Pascal\App Contacts Screen
C:\Users\Public\Documents\Embarcadero\Studio\19.0\Samples\Object Pascal\App Home Screens

測試手機：LG Nexus 5X
手機環境：Android 8.1.0
測試平板：Apple iPhone 6
平板環境：iOS 11.2.6
開發環境：RAD Studio 10.2 Tokyo Version 25.0.29899.2631
作業系統：Windows 10 專業版 (64 位元)