Submit Search
Upload
Xamarin行動應用開發
•
6 likes
•
604 views
Ian Chen
Follow
KSDG社群活動 - Xamarin.forms APP UI 開發
Read less
Read more
Mobile
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 40
Download now
Download to read offline
Recommended
A brief introduction to Machine Learning
A brief introduction to Machine Learning
Wen-Tien Chang
Video: https://www.youtube.com/watch?v=M_DUmyRIkQ8&list=PLTUHmtFhYC6iEwu4h2REYhNKCHFFHYngS&index=13
新浪云计算公开课第一期:Let’s run @ sae(丛磊)
新浪云计算公开课第一期:Let’s run @ sae(丛磊)
锐 张
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案
drewz lin
Responsive Web UI Design
Responsive Web UI Design
jay li
珍珠奶茶会上的一次分享
實踐 Clean Architecture(實作高可用性的軟件架構)
實踐 Clean Architecture(實作高可用性的軟件架構)
Gelis Wu
實踐 Clean Architecture(實作高可用性的軟件架構) DDD Taiwan Conf 2020 演講主題 Agenda ● 軟體架構設計的本質 ● 傳統系統開發思維的轉變 ● 領域驅動開發與軟體架構設計的關係? ● 軟體架構核心的複雜度管理 ● 從 OOAD 到領域驅動開發 ● 實務上的領域驅動與 TDD ● Demo:自定義 Clean Architecture 範本管理開發的複雜度
使用Amazon Machine Learning 創建智能應用程式
使用Amazon Machine Learning 創建智能應用程式
Amazon Web Services
這次的線上研討會將介紹如何在AWS雲端上,建構端到端的智能應用程式。 我們將示範如何使用Amazon Machine Learning (Amazon ML) 創建機器學習模型,並且把它們部署到生產環境,以及取得即時預測結果。我們將引導您了解整個開發流程和架構,以及執行結果,然後再深入介紹智能應用程式的程式碼。透過本課程,您將學習如何使用Amazon ML以及如何將Amazon ML跟您的應用程式整合,並利用雲端進行預測分析。
异步化分享
异步化分享
cenwenchu
数据可视化
数据可视化
king jian
Recommended
A brief introduction to Machine Learning
A brief introduction to Machine Learning
Wen-Tien Chang
Video: https://www.youtube.com/watch?v=M_DUmyRIkQ8&list=PLTUHmtFhYC6iEwu4h2REYhNKCHFFHYngS&index=13
新浪云计算公开课第一期:Let’s run @ sae(丛磊)
新浪云计算公开课第一期:Let’s run @ sae(丛磊)
锐 张
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案
drewz lin
Responsive Web UI Design
Responsive Web UI Design
jay li
珍珠奶茶会上的一次分享
實踐 Clean Architecture(實作高可用性的軟件架構)
實踐 Clean Architecture(實作高可用性的軟件架構)
Gelis Wu
實踐 Clean Architecture(實作高可用性的軟件架構) DDD Taiwan Conf 2020 演講主題 Agenda ● 軟體架構設計的本質 ● 傳統系統開發思維的轉變 ● 領域驅動開發與軟體架構設計的關係? ● 軟體架構核心的複雜度管理 ● 從 OOAD 到領域驅動開發 ● 實務上的領域驅動與 TDD ● Demo:自定義 Clean Architecture 範本管理開發的複雜度
使用Amazon Machine Learning 創建智能應用程式
使用Amazon Machine Learning 創建智能應用程式
Amazon Web Services
這次的線上研討會將介紹如何在AWS雲端上,建構端到端的智能應用程式。 我們將示範如何使用Amazon Machine Learning (Amazon ML) 創建機器學習模型,並且把它們部署到生產環境,以及取得即時預測結果。我們將引導您了解整個開發流程和架構,以及執行結果,然後再深入介紹智能應用程式的程式碼。透過本課程,您將學習如何使用Amazon ML以及如何將Amazon ML跟您的應用程式整合,並利用雲端進行預測分析。
异步化分享
异步化分享
cenwenchu
数据可视化
数据可视化
king jian
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
Duran Hsieh
2016逢甲大學資訊工程系 .Net C# MVC 教學
AWS Career Exploration Day
AWS Career Exploration Day
Rick Hwang
Date: 20221221_3 主辦單位: AWS Blog: https://rickhw.github.io/2017/12/29/About/About-Author/ 錄影: https://www.youtube.com/watch?v=q-58KOHbGSY
陈敏简历Java软件工程师
陈敏简历Java软件工程师
guestb12ca4
陈敏软件工作室--承接“数据挖掘,信息检索,报表分析,网站设计”等方向软件项目
.Net网络编程入门
.Net网络编程入门
magicshui
编程入门
AWS re:Invent 2018 Recap
AWS re:Invent 2018 Recap
Ryan Chung
Focus on AI Services, DeepRacer & Alexa skill updates
Top100summit前端的云时代支付宝前端平台架构 王保平
Top100summit前端的云时代支付宝前端平台架构 王保平
drewz lin
深入研究雲端應用程式平台-AppFabric
深入研究雲端應用程式平台-AppFabric
John Chang
ASP.Net MVC Framework
ASP.Net MVC Framework
國昭 張
詳細介紹整個ASP.Net MVC Framework
合久必分,分久必合
合久必分,分久必合
Qiangning Hong
@ QCon Beijing 2012
20210308-Cloud-Computing-Fields
20210308-Cloud-Computing-Fields
土撥 JIE
1. What is Cloud Computing? 2. Solution Framework of On-premises 3. AWS basic knowledge 4. Cloud computing fields
机器学习与深度学习简介.pdf
机器学习与深度学习简介.pdf
Cyanny LIANG
Machine Learning And Deep Learning
Html5和css3入门
Html5和css3入门
Xiujun Ma
html5
從前端設計的角度來看 Angular - TW2018 amos
從前端設計的角度來看 Angular - TW2018 amos
Amos Lee
視覺設計人員踏入Angular 到底對還是錯呢,我們繼續看下去。
信息系统开发平台OpenExpressApp
信息系统开发平台OpenExpressApp
zhoujg
Track 2 Session 2_ 電商平台的資安維運與成本管理
Track 2 Session 2_ 電商平台的資安維運與成本管理
Amazon Web Services
[DDD] 快快樂樂學DDD
[DDD] 快快樂樂學DDD
Clark
[DDD] 快快樂樂學DDD
【项目分享】赶集移动Web App开发总结
【项目分享】赶集移动Web App开发总结
yangdj
Hour of Code - Amazon Alexa
Hour of Code - Amazon Alexa
Ryan Chung
http://MobileDev.TW
20230829 - 探索職涯,複利人生
20230829 - 探索職涯,複利人生
Rick Hwang
主辦單位: AWS 雲端職涯探索日 錄影: https://www.youtube.com/watch?v=V5eM-Uwd9x4
一淘新首页总结
一淘新首页总结
jieorlin
AI and ML.NET
AI and ML.NET
Ian Chen
Microsoft Build Local Event 高雄場
Azure bot service
Azure bot service
Ian Chen
Introduction Azure bot service
More Related Content
Similar to Xamarin行動應用開發
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
Duran Hsieh
2016逢甲大學資訊工程系 .Net C# MVC 教學
AWS Career Exploration Day
AWS Career Exploration Day
Rick Hwang
Date: 20221221_3 主辦單位: AWS Blog: https://rickhw.github.io/2017/12/29/About/About-Author/ 錄影: https://www.youtube.com/watch?v=q-58KOHbGSY
陈敏简历Java软件工程师
陈敏简历Java软件工程师
guestb12ca4
陈敏软件工作室--承接“数据挖掘,信息检索,报表分析,网站设计”等方向软件项目
.Net网络编程入门
.Net网络编程入门
magicshui
编程入门
AWS re:Invent 2018 Recap
AWS re:Invent 2018 Recap
Ryan Chung
Focus on AI Services, DeepRacer & Alexa skill updates
Top100summit前端的云时代支付宝前端平台架构 王保平
Top100summit前端的云时代支付宝前端平台架构 王保平
drewz lin
深入研究雲端應用程式平台-AppFabric
深入研究雲端應用程式平台-AppFabric
John Chang
ASP.Net MVC Framework
ASP.Net MVC Framework
國昭 張
詳細介紹整個ASP.Net MVC Framework
合久必分,分久必合
合久必分,分久必合
Qiangning Hong
@ QCon Beijing 2012
20210308-Cloud-Computing-Fields
20210308-Cloud-Computing-Fields
土撥 JIE
1. What is Cloud Computing? 2. Solution Framework of On-premises 3. AWS basic knowledge 4. Cloud computing fields
机器学习与深度学习简介.pdf
机器学习与深度学习简介.pdf
Cyanny LIANG
Machine Learning And Deep Learning
Html5和css3入门
Html5和css3入门
Xiujun Ma
html5
從前端設計的角度來看 Angular - TW2018 amos
從前端設計的角度來看 Angular - TW2018 amos
Amos Lee
視覺設計人員踏入Angular 到底對還是錯呢,我們繼續看下去。
信息系统开发平台OpenExpressApp
信息系统开发平台OpenExpressApp
zhoujg
Track 2 Session 2_ 電商平台的資安維運與成本管理
Track 2 Session 2_ 電商平台的資安維運與成本管理
Amazon Web Services
[DDD] 快快樂樂學DDD
[DDD] 快快樂樂學DDD
Clark
[DDD] 快快樂樂學DDD
【项目分享】赶集移动Web App开发总结
【项目分享】赶集移动Web App开发总结
yangdj
Hour of Code - Amazon Alexa
Hour of Code - Amazon Alexa
Ryan Chung
http://MobileDev.TW
20230829 - 探索職涯,複利人生
20230829 - 探索職涯,複利人生
Rick Hwang
主辦單位: AWS 雲端職涯探索日 錄影: https://www.youtube.com/watch?v=V5eM-Uwd9x4
一淘新首页总结
一淘新首页总结
jieorlin
Similar to Xamarin行動應用開發
(20)
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
AWS Career Exploration Day
AWS Career Exploration Day
陈敏简历Java软件工程师
陈敏简历Java软件工程师
.Net网络编程入门
.Net网络编程入门
AWS re:Invent 2018 Recap
AWS re:Invent 2018 Recap
Top100summit前端的云时代支付宝前端平台架构 王保平
Top100summit前端的云时代支付宝前端平台架构 王保平
深入研究雲端應用程式平台-AppFabric
深入研究雲端應用程式平台-AppFabric
ASP.Net MVC Framework
ASP.Net MVC Framework
合久必分,分久必合
合久必分,分久必合
20210308-Cloud-Computing-Fields
20210308-Cloud-Computing-Fields
机器学习与深度学习简介.pdf
机器学习与深度学习简介.pdf
Html5和css3入门
Html5和css3入门
從前端設計的角度來看 Angular - TW2018 amos
從前端設計的角度來看 Angular - TW2018 amos
信息系统开发平台OpenExpressApp
信息系统开发平台OpenExpressApp
Track 2 Session 2_ 電商平台的資安維運與成本管理
Track 2 Session 2_ 電商平台的資安維運與成本管理
[DDD] 快快樂樂學DDD
[DDD] 快快樂樂學DDD
【项目分享】赶集移动Web App开发总结
【项目分享】赶集移动Web App开发总结
Hour of Code - Amazon Alexa
Hour of Code - Amazon Alexa
20230829 - 探索職涯,複利人生
20230829 - 探索職涯,複利人生
一淘新首页总结
一淘新首页总结
More from Ian Chen
AI and ML.NET
AI and ML.NET
Ian Chen
Microsoft Build Local Event 高雄場
Azure bot service
Azure bot service
Ian Chen
Introduction Azure bot service
AI and Machine Learning for .net developers
AI and Machine Learning for .net developers
Ian Chen
.Net Conf 2018 高雄KNET社群技術分享活動 【微軟給.NET 開發人員的AI 與機器學習的彈藥庫】
Azurebootcamp 2018
Azurebootcamp 2018
Ian Chen
Global Azure Bootcamp azure cognitive service & machine learning studio
Microsoft ai computer vision
Microsoft ai computer vision
Ian Chen
微軟 AI Computer Vision
Mobile center
Mobile center
Ian Chen
KNET 社群 2017/6月 Buile mini課程- Visual Studio Mobile Center
第一科大Chatbot LUIS
第一科大Chatbot LUIS
Ian Chen
使用Microsoft bot framework & LUIS 打造Chatbot
Azure blob storage & javascript client library
Azure blob storage & javascript client library
Ian Chen
Azure BootCamp 2017 (Kaohsiung K.NET) Session Azure Blob Storage introduction & Azure Storage JavaScript Client Library
Xamarin Dev Day
Xamarin Dev Day
Ian Chen
Xamarin Dev Day
Azure app service
Azure app service
Ian Chen
Global Azure Bootcamp 2016 Session
Azure document db
Azure document db
Ian Chen
Global Azure Bootcamp 2016 Session
Html5
Html5
Ian Chen
樹德科大資工系HTML5課程簡報
ChatBot
ChatBot
Ian Chen
一起玩 Bot Framework 打造聊天機器人
Application insights
Application insights
Ian Chen
在應用系統在維運階段時,該如何透過精準的數據資料分析,進行持續改善,Application insights 服務可以幫您收集數據資料,並且做360度的圖表化分析,更可以幫您做到主動式測試
Universal windows apps 開發—運用 html 及 java script
Universal windows apps 開發—運用 html 及 java script
Ian Chen
Windows 8.1 (8) Universal Windows App Dev 入門
Build mini - Windows 10 Dev & Cross platform Dev
Build mini - Windows 10 Dev & Cross platform Dev
Ian Chen
K.NET 社群 Build mini 研討會- 關於新一代 Windows 10 Dev 及 Cross platform Dev OverView
Global Azure Bootcamp 2015 Taichung : Mobile service
Global Azure Bootcamp 2015 Taichung : Mobile service
Ian Chen
Introduction Mobile Service Data Access Authentication Push Notification
HTML CSS JavaScript 行動應用程式解決方案
HTML CSS JavaScript 行動應用程式解決方案
Ian Chen
簡介 HTML CSS JavaScript 行動應用程式解決方案 - Universal APP
More from Ian Chen
(18)
AI and ML.NET
AI and ML.NET
Azure bot service
Azure bot service
AI and Machine Learning for .net developers
AI and Machine Learning for .net developers
Azurebootcamp 2018
Azurebootcamp 2018
Microsoft ai computer vision
Microsoft ai computer vision
Mobile center
Mobile center
第一科大Chatbot LUIS
第一科大Chatbot LUIS
Azure blob storage & javascript client library
Azure blob storage & javascript client library
Xamarin Dev Day
Xamarin Dev Day
Azure app service
Azure app service
Azure document db
Azure document db
Html5
Html5
ChatBot
ChatBot
Application insights
Application insights
Universal windows apps 開發—運用 html 及 java script
Universal windows apps 開發—運用 html 及 java script
Build mini - Windows 10 Dev & Cross platform Dev
Build mini - Windows 10 Dev & Cross platform Dev
Global Azure Bootcamp 2015 Taichung : Mobile service
Global Azure Bootcamp 2015 Taichung : Mobile service
HTML CSS JavaScript 行動應用程式解決方案
HTML CSS JavaScript 行動應用程式解決方案
Xamarin行動應用開發
1.
Xamarin 行動應用開發 Ian Chen
2.
About Me 資深程式設計師,以Microsoft技術為 主,從事於商業應用系統軟體設計與開 發,累積超過15年的Web Application 開發經驗,近年來開始接觸App開發以 及Azure雲端服務,喜愛新事物、把玩 新技術、從Web到App,使終相信學習 是往前進的唯一道路,非常厭倦複製貼 上一成不變的機器模式。 Web:
codeian.idv.tw Email: ian.msmvp@outlook.com Blog: dotblogs.com.tw/ian • 高師大資訊教育研究所碩士 • Microsoft MVP Visual Studio and Development Technologies • Microsoft 大型研討會講師 • K.NET 社群講師兼共同創辦人 • 企業技術內訓講師 • 學校業界講師
3.
Agenda • Xamarin 開發平台介紹 •
版面配置知多少 • 頁面巡覽機制 • DependencyService & Plug-in
4.
Xamarin + Xamarin.Forms Traditional
Xamarin Approach With Xamarin.Forms: More code-sharing, all native iOS C# UI Windows C# UI Android C# UI Shared C# Backend Shared UI Code Shared C# Backend Xamarin 針對 iOS、Android 和 Windows 平台自動呈現原生 UI 控制項
5.
Xamarin.Forms + PCL
專案 • XamarinUI (可攜式): 跨平台共用的程式碼寫入此 PCL,包括一般商務邏輯和 UI 程式碼 • XamarinUI.Droid: 包含原生 Android 程式碼的專案。 這會設為預設啟始專 案 • XamarinUI.iOS: 包含原生 iOS 程式碼的專案 • XamarinUI.UWP: 包含 Windows 10 UWP 程式碼的專案
6.
Xamarin.Forms Layouts
7.
Xamarin.Forms Views Rendering a
platform-specific view
8.
Xamarin.Forms + XAML
9.
Xamarin.Forms + C#
Code
10.
常用Layout 種類 • StackLayout •
RelativeLayout • AbsoluteLayout • Grid
11.
版面配置屬性 LayoutOptions •Start 垂直模式:最上方對齊 水平模式:最左邊對齊 •Center 往中間垂直水平對齊 •End 垂直模式:最下方對齊
水平模式:最右邊對齊 •Fill 填充父階項目所佔有空間的大小 •Expand 當父階項目有多餘的空間時,有 Expand 的子項目, 將會佔據這些空間,搭配Start、Center、End、Fill (FillAndExpand、CenterAndExpand、 EndAndExpand、StartAndExpand)
12.
StackLayout 垂直或水平編排控制項元件位置,預 設是垂直
13.
RelativeLayout 相對佈局,透過目前控制項與其它控制 項或者是父階控制項之間的Constraints (約束)來編排控制項元件位置 • RelativeLayout.XConstraint • RelativeLayout.YConstraint •
RelativeLayout.WidthConstraint • RelativeLayout.HeightConstraint
14.
RelativeLayout • ConstraintExpression 運算式 •
Type=Constant RelativeToParent RelativeToView • RelativeToParent - relative parent layout • RelativeToView - relative child views
15.
RelativeLayout ElementName 指定相對物件是誰 Property 以相對物件的哪個屬性做為基礎值 Factor
指定Property的倍數值 Constant 指定Value的偏移值 X坐標的值 = (相對Label3控制項的X坐標值*1.2)+20
16.
AbsoluteLayout 絕對佈局,透過絕對值或是比例來編 排控制項,因為設備尺寸不一致,通 常很少用絕對值 比例 0~1 eg:設定位置(x,y),由原點0到最遠點1
17.
AbsoluteLayout • AbsoluteLayout.LayoutBounds - 設定位置及大小 •
AbsoluteLayout.LayoutFlags - 設定所指定值是絕對值或比例值 • None – 預設值,表示X,Y,Width, Height四個值都是絕對值 • All – 表示所有值都是比例值 • WidthProportional – 只有Width是比例 值 • HeightProportional – 只有Height是比例 值 • XProportional – 只有X是比例值 • YProportional – 只有Y是比例值 • PositionProportional – X,Y 是比例值 • SizeProportional – Width和Height是比 例值
18.
AbsoluteLayout 只有X點是比例,其餘是絕對值
19.
Grid • 以表格式行跟列的方式來編排控制 項位置 • 定義行和列 •
Grid.RowDefinitions • Grid.ColumnDefinitions • 合併行/列 • Grid.ColumnSpan • Grid.RowSpan
20.
Grid 定義了2*2的表格,第一行的高度是90,第二行的高度是 120,第一列的寬是自動調整,第二行的寬是分配剩下的空 間
21.
善用Resources • 減少重覆的XAML定義碼 • Application
Level Resources • Control Level Resources
22.
Application Level Resources
23.
Control Level Resources
24.
Style Inheritance
25.
Style Class
26.
頁面巡覽機制(Navigation) App 中切換不同頁面的行為 Navigation stack Page
2 Page 1 Root Page first-in/last-out stack
27.
頁面巡覽機制(Navigation) Navigation stack 將會依序從堆壘資料移除Page navigation
bar at the top of the screen for iOS and Android
28.
頁面巡覽機制(Navigation) Go to root
page Navigation stack Page 2 Page 1 Root Page
29.
頁面巡覽機制(Navigation) • Navigation.PushAsync(new Page2()) •
Navigation.PopAsync(); • Navigation.PopToRootAsync();
30.
頁面巡覽機制(Navigation) Not Login ->
Login Page Login -> Main Page Navigation.InsertPageBefore Navigation stack Other Page Main Page Login Page Root Page
31.
頁面巡覽機制(Navigation) Not Login ->
Login Page Login -> Main Page Navigation.InsertPageBefore
32.
頁面巡覽機制(Navigation) Not Login ->
Login Page Login -> Main Page Navigation.InsertPageBefore Navigation stack Other Page Main Page Login Page Navigation stack Root Page
33.
頁面巡覽機制(Navigation) Not Login ->
Login Page Login -> Main Page Navigation.InsertPageBefore Navigation stack Other Page Main Page Navigation stack Root Page
34.
頁面巡覽機制(Navigation) ModalPage Navigation• Navigation.PushModalAsync •
Navigation.PopModalAsync • • ModalPage 不會生成back鍵 • ModalPage 不能混用 ModelessPage
35.
DependencyService allows apps to
call into platform-specific functionality from shared code. This functionality enables Xamarin.Forms apps to do anything that a native app can do.
36.
DependencyService PCL Project
37.
DependencyService Android Project
38.
DependencyService iOS Project
39.
Plugins Easily add native
functionality to Xamarin.Forms apps https://components.xamarin.com/?category=plugins
40.
工商服務
Download now