Cherie缺小瑞的部落格

Step1 : 新增一個UserControl 並在Grid中 新增"ScrollViewer"控制項，拉出一個適當的高度即可。並且名稱命名為:scrollViewer1；Grid的語法加入"x:Name="LayoutRoot" Loaded="LayoutRoot_Loaded"

Step2: 再繪製一個StackPanel區塊 ，也可以選其他的，因為stackPanel可以自動垂直水平排列。

區塊中間可以放置內容物

Step3: 在Layout中製作兩個上下的按鈕，圖形按鈕製作方法請參考:____________

Step4: 在CS檔宣告btnUp and btnDown 加入了 MouseEnter 還有 MouseLeave事件

這就像是timer 的東西..別忘記要先在CS檔中寫 using System.Windows.Threading;

以下紅字是新增的CODE:(紅字)

using System;

using System.Collections.Generic;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

using System.Windows.Threading;

namespace WpfApplication2

{

/// <summary>

/// UserControl1.xaml 的互動邏輯

/// </summary>

public partial class UserControl1 : UserControl

{

public UserControl1()

{

this.InitializeComponent();

}

private DispatcherTimer tmrDown;

private DispatcherTimer tmrUp;

private void LayoutRoot_Loaded(object sender, System.Windows.RoutedEventArgs e)

{

//Init tmrDown

tmrDown=new DispatcherTimer();

//每500毫秒跑一次

tmrDown.Interval = new TimeSpan(100);

//加入每次tick的事件

tmrDown.Tick += tmrDown_Tick;

tmrUp=new DispatcherTimer();

tmrUp.Interval=new TimeSpan(100);

tmrUp.Tick += tmrUp_Tick;

}

void tmrUp_Tick(object sender, EventArgs e)

{

//將VerticalOffset -10

scrollViewer1.ScrollToVerticalOffset(scrollViewer1.VerticalOffset - 0.5);

}

void tmrDown_Tick(object sender, EventArgs e)

{

//將 VerticalOffset +10 就會往下

scrollViewer1.ScrollToVerticalOffset(scrollViewer1.VerticalOffset + 0.5);

}

//向下的滑鼠進入事件

private void btnDown_MouseEnter(object sender, System.Windows.Input.MouseEventArgs e)

{

tmrDown.Start();

}

//向下的滑鼠移開事件

private void btnDown_MouseLeave(object sender, System.Windows.Input.MouseEventArgs e)

{

tmrDown.Stop();

}

//向上的滑鼠進入事件

private void btnUp_MouseEnter(object sender, System.Windows.Input.MouseEventArgs e)

{

tmrUp.Start();

}

//向上的滑鼠移開事件

private void btnUp_MouseLeave(object sender, System.Windows.Input.MouseEventArgs e)

{

tmrUp.Stop();

}

}

}

Step5: 回到控制項中，上下按鈕寫

<Button Content="往上" HorizontalAlignment="Left" Margin="286,136,0,0" VerticalAlignment="Top" Width="75" FontSize="14" Height="23" Name="btnUp" MouseEnter="btnUp_MouseEnter" MouseLeave="btnUp_MouseLeave" />

<Button Content="往下" FontSize="14" Height="23" HorizontalAlignment="Left" Margin="286,231,0,0" VerticalAlignment="Top" Width="75" Name="btnDown" MouseEnter="btnDown_MouseEnter" MouseLeave="btnDown_MouseLeave" />

Step5: 執行專案後會發現 scrollView有拉霸，且按鈕無法作用

點選ScrollViewer1 ,語法中寫入VerticalScrollBarVisibility="Hidden"

Step6: 完工

<!--TextBoxStyle-->
<Style x:Key="TextBoxStyle" BasedOn="{x:Null}" TargetType="{x:Type TextBox}">       

◎處理觸摸事件:

Hammer.JS

一個JavaScript庫來處理手勢事件。目前，它支持水龍頭，雙擊，按住，拖動和改造。這是一個獨立的庫，不需要其他任何東西，但可作為一個jQuery插件。

jGestures

一個jQuery插件創建活動，如開合，旋轉，輕掃手勢，挖掘和檢測設備的方位變化。

棘手的

一個非常小的JavaScript庫（小於2KB），有助於處理觸摸事件。這是一個獨立的庫，沒有依賴關係（如jQuery）。

◎創建響應網格:

Gridpak

的在線工具來創建自定義的靈活的網格。數列，填充和排水溝是可以改變的，有些可以添加斷點，和CSS生成，可供下載。該工具的加：它提供了一個PNG網格模板，可用於例如在Photoshop設計。

FluidGrids

另一種工具，將產生一個負責任的網格佈局CSS。

Responsive Calculator

的在線工具，將幫助你當你要打開響應百分比的像素設計。

Responsive Grid System

的響應網格系統是不是一個框架。這不是一個樣板。這是一個快速，簡單和靈活的方式來創建一個具有響應性的網站。

◎創建靈活和複雜的佈局的簡便方法

Step1: 這是內建的按鈕

Step2: 在主畫面繪製一個圓角矩形(步驟省略)，並按右鑑，將物件變成控制項

Step3 樣式命名

因為我們是要作按鈕的樣式，所以選擇控制項的類型為Button

並為這個樣式命名ButtonStyle01。

Step4 刪除ContentPresenter

此時會進入到Template編輯畫面中，將左側物件與時間軸中的

ContentPresenter 刪除

並新增一個TextBlock

Step5 接下來要設定兩件事

          5-1是滑鼠的狀態(一般、滑過)

          5-2是TextBlock的來源設定。

Step5-1 設定滑鼠一般、滑過、按下屬性

切換到”狀態(S)視窗”，點選MouseOver，會出現錄製動作。我們可以展開時間軸，新增影格後，直接改變滑鼠的顏色!

Step5-2文字來源聯繫

點選TextBlock,在一般屬性面板中，點選進階選項

將”範本繫結”選擇Content(如果成功，他會變成Button的文字)。

另外可以再設定Foreground字型的大小顏色等屬性

Step6 回到主畫面

按鈕完成，可自行變更文字Content

Step7 按鈕如何套用新樣式:

從控制項拉出按鈕後按右鍵，選擇編輯範本>套用資源>新的樣式名稱

END: CheckBox的原理也差不多，我做了一個測試，還挺可愛的! ^_^

>>>範例檔下載

Silverlight提供了非常靈活的佈局管理系統，讓程式師和美工可以非常方便的控制控制項的位置。佈局管理系統提供了兩種佈局方式：絕對定位和相對定 位。這兩種定位方式其實和HTML的兩種定位方式是一樣的。在Silverlight 2 beta1中內置了三種最常用的佈局控制項：Canvas、StackPanel、Grid。

一、Canvas：相當基礎的控制項，通過絕對定位來控制字控制項的位置。
在Canvas中，我們使用一種叫做“附加屬性”的XMAL新特性來控制子控制項的位置。附加屬性就是指你可以通過設置子控制項相對于其父控制項的Top、 Left、Bottom和Right值來控制子控制項的位置。在Canvas中，我們可以使用Canvas.Left、Canvas.Top來控制子控制項相 對於父控制項（Canvas）的位置。如：

大家都有一個經驗吧! 客戶給你一張圖，他找不到原始檔了，問題，裡面的英文字體你要怎麼設計一模一樣?

往昔大概就是開一下word,一個一個猜! 不幸的是，自己的電腦也沒有這個字體

奇奇怪怪的問題! 明明企劃打了一大篇文，小B按FB分享時，連一個字都秀不出來?

如果直接用圖片設連結，或切片上的圖片有設連結時，會產生一個外框虛線

※程式寫法:

<asp:GridView ID="GridView1" runat="server" CssClass="gvStyle" AlternatingRowStyle-CssClass="alt" PagerStyle-CssClass="pgr" AutoGenerateColumns="False"></asp:GridView>

從網上收集了IE7,6與Fireofx的兼容性處理方法並整理了一下.對於web2.0的過度,請盡量用xhtml格式寫代碼,而且DOCTYPE 影響CSS 處理,作為W3C的標準,一定要加DOCTYPE聲名.
　　1.div的垂直居中問題