Xamarin.Forms學(xué)習(xí)歷程(二)

哈哈哈~~我最近在寫的Xamarin.Forms工程終于到了收尾階段了蹄衷,主體功能都實(shí)現(xiàn)了逮矛,修復(fù)一些小Bug以及添加些小功能就算完成了窑滞,太高興了毡证,心里滿滿的成就感共螺,特別是安卓端界面完整呈現(xiàn)的時(shí)候。今天講點(diǎn)知識(shí)點(diǎn)情竹,搭建一個(gè)小程序藐不。

認(rèn)識(shí)Xamarin.forms的工程結(jié)構(gòu)##

我們先撇開安卓和iOS,先來了解公共部分秦效。我們繼續(xù)看我們上期寫的HelloWorld程序

Snip20160811_28.png

先看這一塊雏蛮,項(xiàng)目剛開始時(shí)就存在這些文件,我們來逐一看一下這些文件都是干嘛用的阱州,以及里面放些什么文件挑秉。
估計(jì)有人會(huì)問我,為什么我的是中文版苔货,其實(shí)我可以告訴你我也不知道犀概,具體地說我的是中英文混合版立哑,


Snip20160811_29.png

不閑扯了,還是回到剛才所說的姻灶,

  • 引用:這個(gè)我目前還沒用到過铛绰,具體內(nèi)容我不清楚,等我弄明白再回來補(bǔ)上吧(todo)
  • 包:這個(gè)是導(dǎo)入一些庫(kù)产喉,就像iOS工程里有時(shí)候需要導(dǎo)入一些framework一樣捂掰。
  • Properties:這個(gè)我也不清楚(todo)
  • App.xaml:這個(gè)文件比較重要,是程序的入口曾沈,和iOS 里 AppDelegate這個(gè)文件的功能有些類似这嚣,所以定義初始界面就在這里面。
  • HelloWorldPage:這個(gè)文件和Xcode生成Single APP是生成的啟動(dòng)界面一樣塞俱,默認(rèn)第一個(gè)界面姐帚,刪除不影響的。這里我們點(diǎn)開前面的小三角會(huì)發(fā)現(xiàn)這里面其實(shí)有兩個(gè)文件:HelloWordPage.xamlHelloWordPage.xaml.cs障涯,這里我說明一下卧土,HelloWordPage.xaml相當(dāng)于view,不涉及業(yè)務(wù)邏輯像樊,只處理一些控件的顯示和所要展示內(nèi)容數(shù)據(jù)的綁定,相當(dāng)于iOS里面的View旅敷。而HelloWordPage.xaml.cs里面正常情況下是寫業(yè)務(wù)邏輯的生棍,它和iOS里的ViewController很像,所以在這里面其實(shí)也是可以寫界面的媳谁。不過代碼規(guī)范正常情況下是不允許這么做的涂滴,但特殊情況可以理解。這兩個(gè)文件是相關(guān)聯(lián)的晴音,綁定在一起柔纵。前段時(shí)間我把幾個(gè)文件導(dǎo)入到其他工程,結(jié)果他們的關(guān)系就不存在了锤躁,我目前還不知道怎么讓獨(dú)立的兩個(gè)文件綁定在一起搁料。
  • packages:這個(gè)是包文件版本文件,工程內(nèi)所有導(dǎo)入的包信息都可以在這里面看到系羞,所以上傳至git時(shí)不需要把包都上傳郭计,只需要把這個(gè)文件導(dǎo)入就可以了。
    好了椒振,說了這么多我們來練一下手昭伸,按照自己的理解寫個(gè)小小的應(yīng)用程序。

優(yōu)化版HelloWorld##

創(chuàng)建文件###

Snip20160811_30.png
Snip20160811_31.png

看到這個(gè)界面可能你會(huì)覺得無從下手澎迎,不要慌庐杨,我們先和他們握個(gè)手选调,認(rèn)識(shí)一下

  • Forms ContentPage: 這里有個(gè)訣竅,看到Page灵份,咱們就可以把它看成ViewController仁堪,這樣就好理解了,F(xiàn)orms ContentPage就是創(chuàng)建一個(gè)Forms ContentPage.cs文件各吨,也就是用純C#代碼寫界面枝笨。
  • Forms ContentPage Xaml:一般情況用這個(gè),他會(huì)創(chuàng)建一個(gè)ContentPage.xaml文件和ContentPage.xaml.cs文件揭蜒,
  • Forms ContentView:這個(gè)是生成用純C#代碼在定義View的文件
  • Forms ContentView Xaml:這個(gè)和之前的類似横浑,不用說你也應(yīng)該能猜到。
Snip20160811_32.png

這里我們新建一個(gè)MyHelloWorld文件,讓我們?cè)诶锩鎸扅c(diǎn)東西

Snip20160811_33.png

我把里面的代碼貼出來吧

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"       
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"         
              x:Class="HelloWorld.MyHelloWorld">    
<ContentPage.Content>        
    <StackLayout  VerticalOptions = "FillAndExpand"
                    HorizontalOptions = "FillAndExpand">            
              <Label Text = "Hello My World!"                    
                     TextColor ="Red"                
                      FontSize = "25"
                    VerticalOptions = "CenterAndExpand"                    
                    HorizontalOptions = "CenterAndExpand"/>        
  </StackLayout>    
</ContentPage.Content>
</ContentPage>

然后我們?cè)贏PP文件配置一下

Snip20160811_34.png

這樣運(yùn)行就可以了

Snip20160811_35.png

這里我只是做個(gè)演示屉更,代碼我就不詳細(xì)講解了徙融,后期我會(huì)逐漸深入的整理。

結(jié)語##

進(jìn)度有點(diǎn)慢瑰谜,一個(gè)星期才一篇欺冀,這是我深入理解后的結(jié)果。不過還是希望大神們能給點(diǎn)指點(diǎn)萨脑,Xamarin的路還很遙遠(yuǎn)隐轩。文章中一些見解是我個(gè)人理解,如有錯(cuò)誤之處渤早,還請(qǐng)給予指正职车,謝謝。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末鹊杖,一起剝皮案震驚了整個(gè)濱河市悴灵,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌骂蓖,老刑警劉巖积瞒,帶你破解...
    沈念sama閱讀 219,366評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異登下,居然都是意外死亡茫孔,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,521評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門被芳,熙熙樓的掌柜王于貴愁眉苦臉地迎上來银酬,“玉大人,你說我怎么就攤上這事筐钟】桑” “怎么了?”我有些...
    開封第一講書人閱讀 165,689評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵篓冲,是天一觀的道長(zhǎng)李破。 經(jīng)常有香客問我宠哄,道長(zhǎng),這世上最難降的妖魔是什么嗤攻? 我笑而不...
    開封第一講書人閱讀 58,925評(píng)論 1 295
  • 正文 為了忘掉前任毛嫉,我火速辦了婚禮,結(jié)果婚禮上妇菱,老公的妹妹穿的比我還像新娘承粤。我一直安慰自己,他們只是感情好闯团,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,942評(píng)論 6 392
  • 文/花漫 我一把揭開白布辛臊。 她就那樣靜靜地躺著,像睡著了一般房交。 火紅的嫁衣襯著肌膚如雪彻舰。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,727評(píng)論 1 305
  • 那天候味,我揣著相機(jī)與錄音刃唤,去河邊找鬼。 笑死白群,一個(gè)胖子當(dāng)著我的面吹牛尚胞,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播帜慢,決...
    沈念sama閱讀 40,447評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼笼裳,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了崖堤?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,349評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤耐床,失蹤者是張志新(化名)和其女友劉穎密幔,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體撩轰,經(jīng)...
    沈念sama閱讀 45,820評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡胯甩,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,990評(píng)論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了堪嫂。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片偎箫。...
    茶點(diǎn)故事閱讀 40,127評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖皆串,靈堂內(nèi)的尸體忽然破棺而出淹办,到底是詐尸還是另有隱情,我是刑警寧澤恶复,帶...
    沈念sama閱讀 35,812評(píng)論 5 346
  • 正文 年R本政府宣布怜森,位于F島的核電站速挑,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏副硅。R本人自食惡果不足惜姥宝,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,471評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望恐疲。 院中可真熱鬧腊满,春花似錦、人聲如沸培己。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,017評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽漱凝。三九已至疮蹦,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間茸炒,已是汗流浹背愕乎。 一陣腳步聲響...
    開封第一講書人閱讀 33,142評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留壁公,地道東北人感论。 一個(gè)月前我還...
    沈念sama閱讀 48,388評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像紊册,于是被迫代替她去往敵國(guó)和親比肄。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,066評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,182評(píng)論 25 707
  • 1.當(dāng)在觀影指南上看到了這部動(dòng)畫的評(píng)價(jià)囊陡,我就覺得一定要看它芳绩。剛剛看完,覺得又是一次心靈的洗禮撞反。想到馬云那句話妥色,“夢(mèng)...
    笑米迪閱讀 180評(píng)論 0 0
  • 情入骨血后的生生分離, 撕心裂肺后的沉痛念想遏片, 在某年某月某日嘹害, 春風(fēng)拂面, 笑對(duì)柳綠花黃吮便, 一切笔呀, 都是回不去的...
    井溢閱讀 293評(píng)論 0 1
  • 露營(yíng)的現(xiàn)在,瀏覽了一圈朋友圈髓需,人人在懷著不同的心情抒發(fā)著自己的情緒......沒有太多被觸動(dòng)许师,反而看到一個(gè)姐姐所發(fā)...
    不正常生物研究中心閱讀 331評(píng)論 0 15