米米貓學開發

Tips : Windows Phone效能分析工具

2012-01-16T16:12:00.001+08:00

若要測試Windows Phone應用程式效能，可以使用Windows Phone Performance Analysis工具。在Windows Phone類型專案中，開啟Windows Phone Performance Analysis工具；設定想要監控的項目，點選Launch Application啟動你的程式，並開始收集資料: 在你的程式執行作業之後，按Stop Profiling結束然後便可以檢視報表

使用Isolated Storage Explorer檢視Windows Phone程式Isolated Storage內容

2012-01-16T11:35:00.002+08:00

設計Windows Phone程式時，可能會將某些資料儲存在Isolated Storage，你可以使用Windows SDK 附的Isolated Storage Explorer 工具程式，來檢視Isolated Storage 中的內容Isolated Storage Explorer 工具程式，是一個沒有UI介面的工具，當你安裝SDK之後，它會出現在以下路徑C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.1\Tools\IsolatedStorageExplorerTool\ISETool.exe使用時，要設定幾個參數ts (Take snapshot) :將特定應用程式的Isolated Storage之所有內容，複製到本機目錄。 rs(Restore snapshot) :將本機某目錄中所有的內容複製到模擬器。

第一個Windows Phone 7.5程式

2012-01-06T15:40:00.001+08:00

使用Visual Studio 2010撰寫手機程式非常的簡單先建立一個Windows Phone應用程式選取Windows Phone OS版本從Toolbox拖曳TextBlock到設計畫面設定TextBlock的Text屬性，為Hello World! 按F5執行，程式便會自動部署到Windows Phone Emulator上執行

ASP.NET 4.5 MVC Asynchronous Controller

2012-01-05T13:20:00.001+08:00

ASP.NET 4.5 MVC 可以利用Asynchronous Controller來執行非同步的Action，簡單範例如下建立一個ASP.NET MVC Web應用程式選取Internet Application 在HomeController using System.Threading.Tasks; 修改類別繼承自AsyncController public class HomeController : AsyncController 修改Index Action public async Task<string> Index ( ) { await Task.Delay ( 1000 ); return "Hello"; } 修改Index.cshtml內容為

在Windows Server 2008 R2 安裝 Windows Phone Developer Tools

2012-01-03T15:06:00.001+08:00

在Windows 2008 R2 預設無法安裝 Windows Phone Developer Tools，因此就無法使用Windows Phone Emulator。Google了一下，參考Aaron Stebner's WebLog解法如下電腦上必須先安裝Visual Studio 2010以及Visual Studio 2010 Service Pack 1 下載Windows Phone SDK 7.1，vm_web2.exe檔執行以下命令解壓縮檔案，選一個目錄來存壓縮過的檔案在解壓縮的目錄找到baseline.dat 檔，使用notepad.exe打開搜尋[gencomp7788] 區段將以下的值改為0 在解壓縮的目錄執行setup.exe /web 開始安裝終於進入安裝畫面悲慘的是，安裝完可以使用Windows Phone 模擬器

Visual Studio 11 MVC Mobile Application範本

2012-01-02T14:03:00.001+08:00

Visual Studio 11新增Mobile Application範本，這是為手機或Tablet PC設計的範本，建立ASP.NET MVC 4專案時，可以選擇Mobile Application 你可以使用Windows Phone模擬器來執行，或使用Browser來測試，在桌機上的Brower執行的畫面如下專案範本中預設包含許多JScript，如jQuery Mobile library 以及knockout js，以便使用 Model-View-ViewModel (MVVM) 模式來建立Web應用程式。支援Viewport meta tag 更容易在手機上以Scroll或放大的方式來檢視網頁。

ASP.NET 4.5 MVC新範本

2011-12-28T11:10:00.001+08:00

Visual Studio 11 Developer Preview為ASP.NET 4.5 MVC提供新範本，可以使用Razor語法建立View 建一個專案選用Razor 建立專案後，預設Index View中就使用了Razor 語法按F5便可執行範例站台

VS 11 Razor語法支援

2011-12-19T16:39:00.001+08:00

Visual Studio 11 Developer Preview建立網站程式時，可以透過新的View引擎來撰寫網頁。例如在Visual Studio 11 Developer Preview建立網站時，直接選取支援Razor語法的範本: 建立Razor語法的網頁，附檔名是cshtml (本例採用C# 專案)，在專案中可以加入支援Razor的網頁範本；直接寫一個簡單的Razor網頁吧，在chhtml檔案中，body部分，宣告一個字串變數，Razor語法是以@符號開始。網頁希望顯示 Hello字串和變數name串接的字串執行網頁時可以看到以下結果

ie9 文件模式

2011-12-08T15:29:00.000+08:00

在Windows Server 2008 R2的機器上，安裝了ie9，卻發現雖然加上Html5的DOCTYPE宣告，但ie9無法正確識別JSON物件： <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script type="text/javascript"> var obj = JSON.parse('{"ID":"1" , "Name":"Mary"}'); alert(obj.ID + "," + obj.Name); </script></head><body></body></html> 因此當網頁執行時，便會出現錯誤，不認識JSON物件；按F12開啟開發工具，發現ie的文件模式被設定為

下一版不提供 ASP.NET Dynamic Data LINQ to SQL 動態網站的功能了嗎???

2011-10-13T16:56:00.001+08:00

在 Visual Studio 2010 建立ASP.NET Dynamic Web Site時有兩種選擇：但在Visual Studio 11 Developer Preview中只看得到一種選項：這意味著，下一版不提供 ASP.NET Dynamic Data LINQ to SQL 動態網站的功能了嗎???

Visual Basic 匿名方法

2011-10-05T15:42:00.001+08:00

Visual Basic 終於支援匿名方法 Module Module1 Sub Main() Dim nameList = Function() As String Return "Hi" End Function Console.Write(nameList()) End SubEnd Module

Visual Studio 2011 Developer Preview

2011-09-30T11:50:00.001+08:00

原本以為安裝很困難，找了一台Windows Server 2008 R2的電腦三個步驟就完成了，YA!

Visual Studio 2011 Developer Preview 版與.NET 4.5

2011-09-15T10:22:00.001+08:00

根據Jason Zander Blog 指出，Visual Studio 2011 Developer Preview 版與.NET 4.5開放下載了。目前只開放有 MSDN訂閱者下載，前往下載。沒有訂閱者，在星期五(16日) 就可下載。

Expression Blend(40)-改寫Control預設的Style (Button)

2011-08-26T15:20:00.001+08:00

本範例使用WPF專案若希望改寫 WPF 控制項的預設Style，以Button為例在window中加一個Button 建立Style Apply to all 在Style編輯畫面，設B(粗體)，I (斜體)與字型大小回到Window 產生的XAML參考如下 <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" x:Class="WpfApplication3.MainWindow" x:Name="Window"

XAML 2009

2011-08-24T13:28:00.001+08:00

.NET Framework 4已經支援XAML 2009規範，但是目前的Visual Studio 2010 SP1與 Microsoft Expression Blend 4工具並不支援，目前你可以使用Loose XAML檔來撰寫支援XAML 2009語法的WPF程式。 XAML 2009 語言功能，可以參考 MSDN 底下介紹一個簡單範例，在過去使用XAML 2006時，若要使用CLR中的string型別，我們必需撰寫以下程式，引用clr-namespace:System命名空間 <StackPanel xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:sys

WPF- Loose XAML Files

2011-08-24T12:07:00.001+08:00

在WPF中你可以只建立XAML檔案，但不要建立任何程式碼，稱之為Loose XAML檔案。Loose XAML可以直接以IE開啟(要裝.NET Framework 3以上版本)。若有包含程式碼，就不可用IE開啟，要改用Browser base的WPF應用程式。 Loose XAML Files特色是一個附檔名為 XAML檔案沒有相關聯的code-behind檔案不會編譯成一個應用程式例如有一個Loose XAML Files，檔案內容如下： <Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" > <StackPanel Margin="10" Width="150"> <Label>Label</Label> <

Expression Blend(39)-繫結到Observable Collection

2011-08-11T11:08:00.001+08:00

本範例使用WPF專案若有一個 Observable Collection定義如下，要將其繫結到ListBox class BookList : ObservableCollection<Book> { public BookList ( ) : base ( ) { Add ( new Book { Title = "Learning ASP.NET" , Price = 590 } ); Add ( new Book { Title = "Learning VB" , Price = 490 } ); Add ( new Book { Title = "Learning C#" , Price = 600 } );

Expression Blend(38)-類別範例資料

2011-08-10T10:55:00.001+08:00

本範例使用WPF專案，在設計階段繫結到範例資料在設計階段WPF專案包含一個MyData Class class MyData { public Brush ColorName { get; set; } } 若有一個Button的Background要繫結到MyData的ColorName，可以建立範例資料選Class 編輯資料設ColorName 將Button的Background繫結到MyData的ColorName 完成XAML如下 <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

Expression Blend(37)-ItemsControl Template-ListBox

2011-08-09T13:55:00.001+08:00

本範例使用WPF專案本練習介紹設計ItemsControl，ListBox的ItemTemplate與ItemsPanelTemplate 放入ListBox ListBox->Add ListBoxItem ListBox –>Edit Template->Create Empty 使用預設名稱即可進入Template設計狀態，Grid->Change Layout Type –>Border 使用Gradient Tools設Background 放入ScrollViewer, 放入ItemsPresenter, Width, Height為Auto ListBox->Edit Additional Templates->Edit Layout of Items-> Edit a

Expression Blend(36)-Control Style與套用

2011-08-09T11:21:00.001+08:00

一個Style可以套用到不同的Control，以下定義一個Style到用到Label與Button 加一個Label 建立Style 設myStyle 設Background與Foreground，然後回MainWondow 目前XAML看起來如下 <Window x:Class="WpfApplication9.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="300" Width="

Expression Blend(35)-套用Control Template

2011-08-05T17:27:00.001+08:00

此範例使用Silverlight類型專案 Control Template套用的方式有三種，第一種稱Inline Template，例如要為Button建立Inline Template可以在Expression Blend 接著便會建立Inline Template，產生以下XAML <UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" x:Class="SilverlightApplication14.MainPage" Width="640" Height="480"> <

Expression Blend(34)-還原文件狀態

2011-08-04T15:01:00.001+08:00

在使用Blend時，Blend常會記住你最近的行為，例如在Artboard畫了一個Retangle將其Fill成藍色後，在Artboard畫第二個矩型時(下方)，就會自己幫你填成藍色。你可以在畫第二個Retangle之前，先關閉目前編輯的文件再開啟之，Blend就會忘掉之前的設定，畫二個Retangle時，就會回到預設值

Expression Blend(33)-Color Resource

2011-08-04T13:38:00.001+08:00

Color Resource可以讓你重複套用相同顏色到不同的項目建立一個Silverlight或WPF AP 加一個Retangle 設定Fill選一個顏色，然後從Editor-> Advanced Options->Convert to New Resource 取一個名稱若有一個圓型，Fill漸層色。可以選取Color Resource作套用套用後效果以後若想要將顏色換掉，可以直接從Resouces頁，選新顏色。所有之前套用Color Resource的項目都會一致地套用成新顏色

Expression Blend(32)-PathListBox繫結

2011-08-04T13:12:00.001+08:00

若我們想要讓文字隨著一條線排列，可以建立一個Silverlight應用程式使用Pen畫出線段加一個TextBlock，輸入文字將Pen畫出的項目轉成Layout path，Objects and timeline會多一個PathListBox出來設定PathListBox的ItemsSource繫結到TextBlock的Text 選TextBlock 選Text 最後再調整一下PathListBox的Layout Paths相關屬性就行了。

Expression Blend(31)-Grid

2011-08-04T12:12:00.001+08:00

Grid lauout mode與Canvas layout mode有一點點不同。看以下範例加一個Grid到畫面(藍色區塊)，在Grid 右下方，拉一個Button 預設是Grid layout mode (default mode) ，若拉動右下角讓Grid變大、縮小，其中的物件會保留右邊與下方的Margin值，跟著移動位置，但大小不變。(右邊與下方的鎖頭是鎖住狀態) 將滑鼠移動到Grid左上角小圖示，會顯示目前在Grid layout mode 點選Grid左上角小圖示，可以切換成Canvas layout mode，此時若拉動右下角讓Grid變大、縮小，其中的物件不會跟著移動位置。在Grid layout mode，若將上下左右的鎖都鎖住(使用滑鼠點一下鎖)，則拉動右下角讓Grid變大、縮小，其中的物件也會跟著放大縮小，這是因為要保留