Enviar búsqueda
Cargar
Xamarin行動應用開發
•
6 recomendaciones
•
604 vistas
Ian Chen
Seguir
KSDG社群活動 - Xamarin.forms APP UI 開發
Leer menos
Leer más
Móvil
Denunciar
Compartir
Denunciar
Compartir
1 de 40
Descargar ahora
Descargar para leer sin conexión
Recomendados
A brief introduction to Machine Learning
A brief introduction to Machine Learning
Wen-Tien Chang
新浪云计算公开课第一期: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
使用Amazon Machine Learning 創建智能應用程式
使用Amazon Machine Learning 創建智能應用程式
Amazon Web Services
异步化分享
异步化分享
cenwenchu
数据可视化
数据可视化
king jian
Recomendados
A brief introduction to Machine Learning
A brief introduction to Machine Learning
Wen-Tien Chang
新浪云计算公开课第一期: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
使用Amazon Machine Learning 創建智能應用程式
使用Amazon Machine Learning 創建智能應用程式
Amazon Web Services
异步化分享
异步化分享
cenwenchu
数据可视化
数据可视化
king jian
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
Duran Hsieh
AWS Career Exploration Day
AWS Career Exploration Day
Rick Hwang
陈敏简历Java软件工程师
陈敏简历Java软件工程师
guestb12ca4
.Net网络编程入门
.Net网络编程入门
magicshui
AWS re:Invent 2018 Recap
AWS re:Invent 2018 Recap
Ryan Chung
Top100summit前端的云时代支付宝前端平台架构 王保平
Top100summit前端的云时代支付宝前端平台架构 王保平
drewz lin
深入研究雲端應用程式平台-AppFabric
深入研究雲端應用程式平台-AppFabric
John Chang
ASP.Net MVC Framework
ASP.Net MVC Framework
國昭 張
合久必分,分久必合
合久必分,分久必合
Qiangning Hong
20210308-Cloud-Computing-Fields
20210308-Cloud-Computing-Fields
土撥 JIE
机器学习与深度学习简介.pdf
机器学习与深度学习简介.pdf
Cyanny LIANG
Html5和css3入门
Html5和css3入门
Xiujun Ma
從前端設計的角度來看 Angular - TW2018 amos
從前端設計的角度來看 Angular - TW2018 amos
Amos Lee
信息系统开发平台OpenExpressApp
信息系统开发平台OpenExpressApp
zhoujg
Track 2 Session 2_ 電商平台的資安維運與成本管理
Track 2 Session 2_ 電商平台的資安維運與成本管理
Amazon Web Services
[DDD] 快快樂樂學DDD
[DDD] 快快樂樂學DDD
Clark
【项目分享】赶集移动Web App开发总结
【项目分享】赶集移动Web App开发总结
yangdj
Hour of Code - Amazon Alexa
Hour of Code - Amazon Alexa
Ryan Chung
20230829 - 探索職涯,複利人生
20230829 - 探索職涯,複利人生
Rick Hwang
一淘新首页总结
一淘新首页总结
jieorlin
AI and ML.NET
AI and ML.NET
Ian Chen
Azure bot service
Azure bot service
Ian Chen
Más contenido relacionado
Similar a Xamarin行動應用開發
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
Duran Hsieh
AWS Career Exploration Day
AWS Career Exploration Day
Rick Hwang
陈敏简历Java软件工程师
陈敏简历Java软件工程师
guestb12ca4
.Net网络编程入门
.Net网络编程入门
magicshui
AWS re:Invent 2018 Recap
AWS re:Invent 2018 Recap
Ryan Chung
Top100summit前端的云时代支付宝前端平台架构 王保平
Top100summit前端的云时代支付宝前端平台架构 王保平
drewz lin
深入研究雲端應用程式平台-AppFabric
深入研究雲端應用程式平台-AppFabric
John Chang
ASP.Net MVC Framework
ASP.Net MVC Framework
國昭 張
合久必分,分久必合
合久必分,分久必合
Qiangning Hong
20210308-Cloud-Computing-Fields
20210308-Cloud-Computing-Fields
土撥 JIE
机器学习与深度学习简介.pdf
机器学习与深度学习简介.pdf
Cyanny LIANG
Html5和css3入门
Html5和css3入门
Xiujun Ma
從前端設計的角度來看 Angular - TW2018 amos
從前端設計的角度來看 Angular - TW2018 amos
Amos Lee
信息系统开发平台OpenExpressApp
信息系统开发平台OpenExpressApp
zhoujg
Track 2 Session 2_ 電商平台的資安維運與成本管理
Track 2 Session 2_ 電商平台的資安維運與成本管理
Amazon Web Services
[DDD] 快快樂樂學DDD
[DDD] 快快樂樂學DDD
Clark
【项目分享】赶集移动Web App开发总结
【项目分享】赶集移动Web App开发总结
yangdj
Hour of Code - Amazon Alexa
Hour of Code - Amazon Alexa
Ryan Chung
20230829 - 探索職涯,複利人生
20230829 - 探索職涯,複利人生
Rick Hwang
一淘新首页总结
一淘新首页总结
jieorlin
Similar a 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 - 探索職涯,複利人生
一淘新首页总结
一淘新首页总结
Más de Ian Chen
AI and ML.NET
AI and ML.NET
Ian Chen
Azure bot service
Azure bot service
Ian Chen
AI and Machine Learning for .net developers
AI and Machine Learning for .net developers
Ian Chen
Azurebootcamp 2018
Azurebootcamp 2018
Ian Chen
Microsoft ai computer vision
Microsoft ai computer vision
Ian Chen
Mobile center
Mobile center
Ian Chen
第一科大Chatbot LUIS
第一科大Chatbot LUIS
Ian Chen
Azure blob storage & javascript client library
Azure blob storage & javascript client library
Ian Chen
Xamarin Dev Day
Xamarin Dev Day
Ian Chen
Azure app service
Azure app service
Ian Chen
Azure document db
Azure document db
Ian Chen
Html5
Html5
Ian Chen
ChatBot
ChatBot
Ian Chen
Application insights
Application insights
Ian Chen
Universal windows apps 開發—運用 html 及 java script
Universal windows apps 開發—運用 html 及 java script
Ian Chen
Build mini - Windows 10 Dev & Cross platform Dev
Build mini - Windows 10 Dev & Cross platform Dev
Ian Chen
Global Azure Bootcamp 2015 Taichung : Mobile service
Global Azure Bootcamp 2015 Taichung : Mobile service
Ian Chen
HTML CSS JavaScript 行動應用程式解決方案
HTML CSS JavaScript 行動應用程式解決方案
Ian Chen
Más de 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.
工商服務
Descargar ahora