A damn at han’s Windows phone book 筆記（5：ruler—— canvas）

Canvas的特點：

和grid, stackpanel等有明顯區別：它沒有動態布局。子項目放上去後就定住了。

因此canvas的子項目不用設定alignment,margin這些東西，也無法自適應landscape和portrait之間的轉換。

如果用canvas做主布局，就要麼landscape，要麼portrait，最好不要兩者都支援。

canvas的預設長寬都是0，超出canvas邊界的部分也會顯示出來，記得要給canvas設定長寬。

若跑出canvas以外的子項目被點擊了，canvas仍然收的到這個事件。

canvas的預設背景色不是transparent，而是null。背景色是null和transparent看起來是一樣，區別在於transparent可以響應點擊，null不行（子項目被點擊除外）。

 

點畫線

 

讓Button更容易命中的技巧

如果button後面的背景也接收點擊，那麼很容易會點錯，這時候可以增加padding來讓button更容易命中。

 

IsHitTestVisible

這個屬性為false則不響應任何手勢，視覺上不透明，“觸覺上”是透明的。

 

Slider控制項

它的LargeChange屬性工作表示一次最小拖動的改變數。SmallChange不起任何作用。

要把slider的vertical alignment屬性設為center，如果是預設值Strech，則觸到父容器內別的地方也會激發slider的改變。

 

GetPosition函數定位觸摸位置

在tap和drag的時候，都可以通過事件的參數來得到位置資訊。

設定捕獲drag和tap事件的函數：

<Canvas  MouseMove="InteractiveCanvas_MouseTapOrDrag"
                MouseLeftButtonDown="InteractiveCanvas_MouseTapOrDrag">

用GetPosition函數處理事件：

        void InteractiveCanvas_MouseTapOrDrag(object sender, MouseEventArgs e)
        {
            // Get the finger position relative to the landscape-oriented page
            double x = e.GetPosition(this).X;

其中GetPosition函數的形參relativeTo是指相對於哪個控制項的位置，並非必須是父控制項。

 

在代碼中使用靜態資源

XAML裡的StaticResource，用C#代碼是：Application.Current.Resources[“name”] 的形式，例如：

this.LayoutRoot.Background = Application.Current.Resources[“PhoneChromeBrush”] as Brush;