程式 . 生活 . D小調

一樣一句老話最近在跟Facebook 纏鬥..
為了在Silverlight中拿到 access_token 只好用這招..(攤手
取得Cookie的值...
首先介紹版面配置...



基本上這案例很簡單 就是按下 btnGetCookies 的按鈕
就會分別撈出 Cookies 的名稱 放到 lbCookieName 這ListBox中..
則Cookie的值 會放到lbCookieValue 這ListBox中…

這東西不難..
但是可以寫出很有用的東西…

首先介紹版面配置…

最近在跟Facebook 交涉可能會到這功能.
筆記一下..

假設其他頁面傳來 htt://www.in2.cc/test.aspx?Id=當麻許
我要如何在Silverlight取得 Id的內容..
方法很簡單..

只要這樣就可以了..

今天是 2010/10/25 Facebook最近改應用程式設定的地方..
不像之前一蹴可及..要稍微找一下... 這邊記錄一下步驟...
當然這不是永遠..Facebook沒有所謂的永遠.. 所以使用這篇文章的時候請注意一下是否日期已經太久了..XD
首先登入Facebook 後.. 選擇右上角..帳號=>隱私設定..

這方法不是正解，但是目前解決手上專案要的需求…XD
因為Silverlight 內建的 WebBrowser
在網頁上面無法顯示…


除非你做成Out-Of-Browser ..
所以我們要用一些3rd-party的元件 HtmlHost - 下載網址 : http://www.divelements.com/silverlight/tools.aspx

最近朋友問我這問題..
這問題好像不管走到哪都很容易遇到..尤其是作旋轉效果的時候..

用Silverlight 實作一次好了..
如果有各位先進知道更好的方法可以指教一下..^^..

介紹一下版面配置…

這套軟體是我們家介面工程師所推薦的一套工具…
因為設計人員常常使用 Adobe Illustrator 去解決向量圖..
但是Blend 在複雜的圖形上面顯得捉襟見肘…
這是一套 Illustrator  的外掛
這套軟體對於把 Illustrator  的圖轉成XMAL 的支援度很高..

經過簡單測試…
貝茲曲線會有一點點落差..
其他還不錯…
之後有測試結果…
再來跟大家分享…

新造型…

延續上一篇 取得 ChildWindows 的值 (1)
現在這方式會比較立即改變MainPage的值…
這方法Code 比較簡單..
但是缺點是限定呼叫的物件…

一樣先介紹一下畫面配置..


btnGet1 點下之後會跳出ChildWindow 選取項目之後..
會即時的改變lblResult1 的內容..

因為常常被問..
所以來筆記一下…
怎麼從ChildWindow 取得使用者選擇的值…
首先..我在MainPage 加入一個按鈕..跟一個Label..
讓Label 顯示ChildWindows 顯示的結果 畫面如下 :

最近忙到飛天... 但是出來混得遲早要還...
欠Kinki學妹一個範例...
學妹跟我說: 他有幾張圖，然後需要點擊圖片之後會讓圖片彈出來，並且有遮罩..

我做的方式，不一定是最好的，因為其他作法Code會很多..
所以我想了一個比較簡單的方法…
在UI 界有句話說得好..效果越好工越多..
如果有前輩看到覺得有更好的做法而且簡單.. 可以鞭打我..

但是請小力一點...(淚奔... 首先我先建立四張圖片.. XAML Code 如下:

在論壇上面看到有人問..
我不知道這樣算不算是正解…

但是我用的方法是以前我用的奧步…XD
因為cache無所不在....
所以我用的方法..
簡單的說就是在圖片source 面加上一個亂數..
包括解決IE cache我也是用這方法..
基本上也不會去影響到圖片的讀取…

範例設計:



案下載入圖片的按鈕後..

把 http://www.in2.cc/sample/01lab.jpg 這張圖載入..

這是模擬跟ASP.net 時代一樣的檔案上傳方式， 跟大家分享一下..
這問題我超級常被問到的..
其實做法跟傳統都一樣... 將FileStream傳給一個ashx ，

之後透過ashx將檔案寫入在Server指令目錄中.

一.首先先製作.ashx 我們開一個方案叫做 FileUploadMemo 為Silverlight 專案..



這時候我們在預設的FileUploadMemo.Web 中加入一個upload.ashx

那天在Tech Day 2010 上面看到…

看到讓我小嚇到的東西…

影片來源為: http://www.arock.com.tw/ProductsInfo/WP7.aspx (光岩資訊)

大家有看出端倪嗎?!….中文鍵盤…

改版過了很多次..
這是目前可以用的新方法(今天是2010/10/07)

<fb:serverFbml width="650">
  <script type="text/fbml">
   1:  
   2:     <fb:fbml>
   3:       <fb:request-form   
   4:             method='POST'
   5:             type='APP'
   6:             content="Mallgic 實驗室招募中
   7:         <fb:req-choice url='http://apps.facebook.com/classicshop' label='馬上體驗'/>"
   8:         <fb:multi-friend-selector actiontext="選擇你熱血的朋友."></fb:multi-friend-selector>
   9:      </fb:request-form>
  10:    </fb:fbml>
  11:   
</script>
</fb:serverFbml>

這是一個很簡單的範例…
可以把TextBox 裡面的文字給寫入到本端的檔案…

但是會出現 "SecurityException: Dialogs must be user-initiated " ( 對話框必須要被使用者啟動)
而且是偶爾會出現…

先介紹一下案例:



在txtContext中輸入文字..然後按下 btnSave 可以存檔…

剛好在論壇上面看到有人問..
這東西效果可以做到像是Cookie 一樣…
把資料存在應用程式區之後可以把再把他讀出來…

請注意，不要存密碼卡號等機密資料...那是有危險性的…

看一下配置畫面…


簡單的說.. btnSave 就是把 txtId 資料寫入 IsolatedStorageFile

之後你可以對網頁按下重新整理 我會在 LayoutRoot_Loaded 把資料取出來..

本指南會一步一步教你，如何製作出通過Windows Phone 7 市集認證的圖片指南，

還有分類方式，這些圖示的要求如下:

參考文件 : http://blogs.msdn.com/b/expression/archive/2010/09/30/creating-windows-phone-7-application-and-marketplace-icons.aspx

感謝moli大大提供..

這邊還有中文的 http://msdn.microsoft.com/zh-tw/windowsphone/gg135026.aspx

寫的不錯...

讚一下:

這是Silverligh 4 才有的功能..
之前都是靠輸出CVS來印報表..
差點忘記這點…

今天被老闆問到說要印coupon 我熊熊還差點忘記Silverlight 有這功能搂..

畫面配置:



cvsPrintTarget 是一個Canvas 裡面裝著一張圖 跟一個Label

btnPrint 按下去之後會列印 整個 cvsPrintTarget

其實Code 很簡單也不多加贅述…

上一次用Winform 或是 ASP.net 的DataGird
已經是好幾年前的事情了…
還記得好久好久以前…表格都是要靠自己用Repeater 自己去gen 出來..

之前再用Flex 的時候 對於他們DataGrid 可以 Binding 一個 List 取出時也可以直接轉回成為物件..
感到很溫馨..
現在Silverlight 也是… 可參考  [Silverlight] Datagrid Binding Data 簡單範例

之前在做專案的時候..
遇到一個無解的謎…
就是我在一個物件像是Grid 或是裡面的一個Image 物件設定 AllowDrop="True" 的時候..
會出現全部都是空白…
這問題…找了很久也是沒有解答…
這邊有討論到..
http://forums.silverlight.net/forums/p/188959/464811.aspx

新版的Silverlight runtime 似乎有解決這問題..
但是如果您有發生這問題..

上一篇我寫了有關於 [Silverlight] 在Silverlight 中控制卷軸
現在就在用這案例寫下去小改寫一點就可以擁有滑動的效果..

一樣介紹一下畫面配置..



這一次不同的是.. btnUp 和 btnDown 不是透過Click 而是透過MouseEnter 還有 MouseLeave

為什麼要控制卷軸 ?!
其實是因為一些滑動的效果的時候會用到..
所以會由自己來去控制卷軸…
下面是一個很簡單的範例..

我把垂直的卷軸顯示給藏起來…
然後透過..自訂的按鈕去控制卷軸往上還是往下…

先敘述一下畫面配置..

敘述一下.. stkpnlImage 是一個StackPanel 物件.. 因為有要卷軸效果..所以外面包覆了一個ScrollViewer
至於按鈕就是要控制向上還是向下…

台灣 http://www.microsoft.com/taiwan/silverlight/ :

剛剛寫程式寫到累了…
玩一下久久沒碰的NDSL ..
挑戰一場我最不熟的閃電杯大獎賽..

結果..一不小心我破台拉…哈哈…
之前我都玩得超爛的說…
特此一po..

RIA (Rich Internet Application) 這名詞隨著
網路頻寬增長，記憶體很大，CPU 很快下…
一直都很紅，帶來網站新體驗…

我之前從Flex 出發，已經體驗到很多 User 看到原來網頁也可以這樣帶來的訝異..
其實Silverlight 帶來更多更屌的東西..讓我覺得超酷的..

有時候做檔案圖片上傳..
是不是還要向傳統一樣的瀏覽.選檔上傳..


而現在 新版的Skydirve 也都採用Silverlight 技術來做到多檔拖曳上傳…

之前遇到我們家設計一個小要求... 他需要一個轉把圖片轉黑白的特效...

在Silverlight 中要如何做到呢?!

下面是小範例... 先介紹一下配置..
 

點擊按鈕後可以將imgSource 的圖案轉成黑白後 放入imgTarget中..

有時候會需要前端送資料給Server的時候..
做一些資料的驗證..尤其是串金流時偶會用到..

基本上在Silverlight中沒有提供..

但是社群力量是偉大的..

有提供出一段Source 我測試了一下…

下面會附上還有ASP.net 的Code …
編碼出來的MD5是一樣的.

就順便附上 …
這樣讓你在寫Server端這邊程式…
才可以一致..

因為最近有人問到.. 希望我在做一個Behavior 範例...

前一篇分享過 在Silverlight中怎麼使用模糊(Blur)特效
之前有分享過一篇 使用Visual Studio.net + Microsoft Expression Blend 製作 Behavior

現在就把兩篇結合…

在 BehaviorLb 中開一個 BlurBehavior.cs
Code 如下(實作部分就不贅述，可參考 使用Visual Studio.net + Microsoft Expression Blend 製作 Behavior):

using System.Windows;
using System.Windows.Interactivity;
using System.Windows.Media.Effects;

namespace BehaviorLib
{
public class BlurBehavior : Behavior<DependencyObject>
{
//預設一個BlurEffect
BlurEffect effect = null;

//預設一個模糊程度為10
public double _BlurRadius = 10;

//開一個Property 做Binding
public double BlurRadius
{
get { return _BlurRadius; }

set
{
_BlurRadius = value;
this.effect.Radius = value;
}
}

//Ctor
public BlurBehavior()
{
effect = new BlurEffect();
effect.Radius = BlurRadius;

}


protected override void OnAttached()
{
base.OnAttached();

//加入滑鼠移入以及移出事件
(this.AssociatedObject as UIElement).MouseEnter += MessageBehavior_MouseEnter;
(this.AssociatedObject as UIElement).MouseLeave += MessageBehavior_MouseLeave;
}



void MessageBehavior_MouseLeave(object sender, System.Windows.Input.MouseEventArgs e)
{
//移除該作用的元件特效
(this.AssociatedObject as UIElement).Effect = null;
}

void MessageBehavior_MouseEnter(object sender, System.Windows.Input.MouseEventArgs e)
{
//套入特效
(this.AssociatedObject as UIElement).Effect = effect;
}



protected override void OnDetaching()
{
base.OnDetaching();
//移除事件
(this.AssociatedObject as UIElement).MouseEnter -= MessageBehavior_MouseEnter;
(this.AssociatedObject as UIElement).MouseLeave -= MessageBehavior_MouseLeave;
}

}
}