[Xamarin] Android 關於 NavigationDrawer 簡單實作(介面篇) - 引用與補充

首先這篇文章是參考 - 當麻許的超技八 - 的文章

[Xamarin] Android 關於 NavigationDrawer 簡單實作(介面篇)

http://no2don.blogspot.com/2016/07/xamarin-android-navigationdrawer.html

這邊只進行實作中的補充與說明。程式碼請到引用文章下載。

若有任何疑慮、建議與問題，請來信 D0988761734@gmail.com

=================================================================

在第一步 "1. . 首先先引入Xamarin Component" 中

個人做法是使用 NuGet套件，操作步驟如下

於參考點選右鍵，選取管理NuGet套件

將出現以下視窗(NuGet: "專案名稱")，

接下來，在搜尋欄位輸入 xamarin.android.support.design 

電選左下角紅框內的套件，安裝。目前為25.3.1版

載入完成之後，參考內會加入許多相依套件

=================================================================

下面兩個畫面為這次的目標畫面，初始狀態為一片藍，手指有左邊圓滑向中間則展開Menu

=================================================================

根據參考部落格實作完2. 3. 4步驟之後，我的專案建置發生了以下問題

造成這個問題的原因是因為 Properties中 AndroidManifest.xml 中的 application標籤內容有誤，
程式碼如下

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="NavigationDrawerSample.NavigationDrawerSample" android:versionCode="1" android:versionName="1.0">
 <uses-sdk android:minSdkVersion="16" />
 <application android:label="自己專案名稱" android:theme="@style/theme1"></application>
</manifest>

將內容替換為上面的的程式碼就可以了。
label 為專案名稱
theme 為values 中Style.xml內指定的值，程式碼如下

<?xml version="1.0" encoding="UTF-8" ?>
<resources>
  <style name="themebase1" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="windowNoTitle">true</item>
    <item name="windowActionBar">false</item>
    <item name="colorPrimary">#11A4FF</item>
    <item name="colorPrimaryDark">#1976D2</item>
    <item name="colorAccent">#161616</item>
  </style>
  <style name="theme1" parent="themebase1">
  </style>
</resources>

下圖為專案成功執行之後的方案總管列表，紅色槓掉的是私人的程式碼，跟這次的主題無關

=================================================================

另外這篇是第一次貼上程式碼區塊，相關設定方法請參閱
[教學] 如何在網頁blogger中插入程式碼 - PJCHENder 那些沒告訴你的小細節
https://pjchender.blogspot.tw/2015/03/blogger.html
105.07.16 在Blogger文章加入程式碼 (一) - 記錄用
http://aben20807.blogspot.tw/2016/07/1050716-blogger.html
HTML Encoder
https://www.opinionatedgeek.com/codecs/htmlencoder
Gallery of themes for code prettify
https://cdn.rawgit.com/google/code-prettify/master/styles/index.html