MakeIT

這篇給自個筆記一下；在使用Xamarin Forms來做Navigation時，會修改App,xaml.cs檔案中，將MainPage的類型設定是NavagationPage，而在首頁，就可以利用下面的程式碼，來進入子頁面 await  Navigation . PushAsync( new   PageName (),  true ); 這個方式很方便，也能自動的將頁面的尋覽順序給加入頁面堆疊中。而進入了子頁面之後，上方會有一條Toolbar，這邊針對這個toolbar的相關設定簡單說明一下 設定背景顏色 設定背景顏色時，需要直接在建立NavagationPage時指定，所有子頁面都會一起套用，大概像是下面這樣 MainPage  =   new   NavigationPage ( new  CuboApp . MainPage ()) {     BarBackgroundColor  =   Color . White,     BarTextColor  =   Color . FromHex( "FF48AEB1" ) }; 設定toolbar右側的按鈕 右側按鈕的設定，在子頁面中，呼叫下面的程式碼 ToolbarItems . Add( new   ToolbarItem ("要顯示的文字",  "圖片的名稱" ,  async  ()  =>  { //按下去的時候,要做的事情寫在這裡  })); 子頁面的back button顏色,文字顏色(這個找好久) 這個實在是傷腦筋，由於我是把Toolbar背景設定為白的，iOS沒事，android這邊預設返回的箭頭是白的，因此我的箭頭就消失了  我的箭頭就消失了  我的箭頭就消失了... 解決方式我最後 是參考這篇文章 ，需要編輯Droid專案中，resources\values\styles.xml 先在 < style   name = " MainTheme.Base "   parent = " Theme.AppCompat.Light.DarkActionBar " > 這個區塊裡面，下入相關設定     

*Note 以下內容為Xamarin Forms，跨平台部分，專案使用的是PCL 一般狀況來說，要使用像是在Windows Form上面，類似於ComboBox的下拉選單功能時，會使用 Picker 這個控制項來做，加到畫面上之後，就可以達成效果；但是預設的外觀有時候沒有辦法(或是比較難)去達到客製化，因此會需要一些繞道的方式。下面這邊簡單說一下筆者使用的方式。 目標 顯示一段租體文字，文字右側有一個向下的箭頭圖案，像是這樣  XAML XAML的部分想法上大致是 1.放一個Label作為主要的文字顯示 2.放一個Width為0的Picker來做選單的功能 3.加上一個Image做箭頭圖案的顯示 4.Image加上GestureRecognizers，來捕捉點選的動作 內容節錄大致如下   < Label   TextColor = " Green "   FontSize = " 18 "   FontAttributes = " Bold "   VerticalOptions = " Center "   HorizontalOptions = " Center "   Text = " ------ "   x:Name = " labName "  />         < Picker   x:Name = " optName "  />         < StackLayout   VerticalOptions = " Center "   HorizontalOptions = " Center "   WidthRequest = " 16 "   HeightRequest = " 16 " >           < Image   Aspect = " AspectFit "   Source = " pic_01.png "   

*Note 以下內容為Xamarin Forms，跨平台部分，專案使用的是PCL 一般狀況來說，要使用像是在Windows Form上面，類似於ComboBox的下拉選單功能時，會使用 Picker 這個控制項來做，加到畫面上之後，就可以達成效果；但是預設的外觀有時候沒有辦法(或是比較難)去達到客製化，因此會需要一些繞道的方式。下面這邊簡單說一下筆者使用的方式。 目標 顯示一段租體文字，文字右側有一個向下的箭頭圖案，像是這樣  XAML XAML的部分想法上大致是 1.放一個Label作為主要的文字顯示 2.放一個Width為0的Picker來做選單的功能 3.加上一個Image做箭頭圖案的顯示 4.Image加上GestureRecognizers，來捕捉點選的動作 內容節錄大致如下         < Label   TextColor = " Green "   FontSize = " 18 "   FontAttributes = " Bold "   VerticalOptions = " Center "   HorizontalOptions = " Center "   Text = " ------ "   x:Name = " labRoomID "  />         < Picker   x:Name = " optRoomId "  />         < StackLayout   VerticalOptions = " Center "   HorizontalOptions = " Center "   WidthRequest = " 16 "   HeightRequest = " 16 " >           < Image   Aspect = " AspectFit "   Source = " pic_01.png "    VerticalOption