Jain's 學習之路

發表文章

目前顯示的是 3月, 2012的文章

Silverlight – InkPresenter 上程式畫圓

3月 30, 2012

一直以來都是使用 component 來畫圓，InkPresenter 只提供由點來組成各種形狀，那需自行畫圓時，如何取得圓弧上各點的X,Y座標呢？X: cos(角度) * r, Y: sin(角度) * r，利用此公式就可以取得圓弧上各點的X,Y座標. XAML: <InkPresenter x:Name="ink" Width="600" Height="600" MouseLeftButtonUp="ink_MouseLeftButtonUp"> </InkPresenter> C#: System.Windows.Ink.Stroke newStroke = new System.Windows.Ink.Stroke(); newStroke.DrawingAttributes.Color = Color.FromArgb(255, 0, 0, 0); newStroke.DrawingAttributes.Width = 1; newStroke.DrawingAttributes.Height = 1; for (int i = 0; i <= 360; i+=5) { newStroke.StylusPoints.Add( new StylusPoint() { X = 300 - 300 * Math.Cos(Math.PI * i / 180), Y = 300 - 300 * Math.Sin(Math.PI * i / 180) } ); } ink.Strokes.Add(newStroke); 其結果如下所示：

閱讀完整內容

[轉貼] - Flash vs Silverlight: Simple Drawing

3月 29, 2012

With the advantage of rendering speed, Flash and Silverlight can provide a richer experience in drawing and image filtering. Moreover, by using the Timer Event, real time replay of drawing bring us into another generation of art. Recently, I got quite many application requests. I think a implementation list will be made to give you a better idea what will happen in the next few days. Comparison Flash implementation: 1 hour 10 minutes Silverlight implementation: 1 hour 30 minutes What’s the difference? Line Drawing: moveTo, LineTo [AS3] vs System.Windows.Shapes.Line [C#] Source codes Simple Drawing [Flash 9, AS3] (16.2 KiB, 2,278 hits) Simple Drawing [Silverlight 2, C#] (48.8 KiB, 3,360 hits) Flash Silverlight Line: moveTo, LineTo [AS3] vs System.Windows.Shapes.Line [C#] I think drawing in AS3 is pretty straight forward and easy. It’s because all of the drawing librar

閱讀完整內容

jQuery – 在 Form 做submit 時附加額外的 Parameters

3月 28, 2012

當 Form 在 submit 時要附加額外的 Parameters 時，在 jQuery 中可以使用 appendTo Function 來達到這個功能，提供一下範例供參考. $("<input />").attr("type", "hidden").attr("name", "myname").attr("value", myvalue).appendTo(".formCssClass"); 在 Form 的 javascript 的 onsumbit 所觸發的 Function 加入上面的程式碼即可達到此功能. PS : 當name使用 array (ex: myname[] ) 時，回傳至 Server 端的資料則像 Select 設為 multi 的方式是一樣的.

閱讀完整內容

jQuery – 控制 Table 中 Row 的順序

3月 27, 2012

當想要控制 Table 中 Row 的順序時，在其 jQuery 的部份如何實作呢？在此提供實作的程式碼供參考. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=BIG5"> <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#testGrid > tbody > tr").bind("click", function() { $("#testGrid > tbody > tr").css("background-color", "").removeAttr("selected"); $(this).css("background-color", "red").attr("selected", "true"); }); $("#top").bind("click", function() { if ($("#testGrid > tbody > tr[selected=true]").size() > 0) { if (!$("#testGrid > tbody > tr:first").attr("

閱讀完整內容

Flex – 與 Javascript 互相溝通

3月 27, 2012

Flex 在擷取資料時一般都是自行內部使用 Http Service , Remote Object … 等等方式來取得，但如需用 Javascript 傳遞資料時，那需如何實作呢？下面程式碼提供此範例供參考. <?xml version="1.0" encoding="utf-8"?>  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> <mx:Script> <![CDATA[ private function callJavaScript():void { ExternalInterface.call("sayHelloWorld"); } ]]> </mx:Script> <mx:Button label="Say 'Hello World'" click="callJavaScript();" /> </mx:Application> Javascript: <script language="JavaScript" type="text/javascript"> function sayHelloW

閱讀完整內容

Flex – 改變 DividedBox 的 icon 及提供 Double Click 縮合功能

3月 21, 2012

在 Flex 中 HDividedBox 及 VDividedBox 提供了讓使用者可以自由調整切割視窗的大小，但並不提供 Double Click 的功能.故如需此功能則需 extends DividedBox，在此提供另一種作法. 1. 加入下面的程式碼 hdividedBox.getDividerAt(0).toolTip = "Double click to hide criteria."; hdividedBox.getDividerAt(0).doubleClickEnabled = true; hdividedBox.getDividerAt(0).addEventListener(MouseEvent.DOUBLE_CLICK, doubleClickHandler); protected function doubleClickHandler(event:MouseEvent):void { if (hdividedBox.getDividerAt(0).x <= 50) { criteriaNav.minWidth = 360; criteriaNav.maxWidth = 360; hdividedBox.moveDivider(0, 360); hdividedBox.setStyle("dividerSkin", rightImg); hdividedBox.getDividerAt(0).toolTip = "Double click to hide criteria."; } else { criteriaNav.minWidth = 0; criteriaN

閱讀完整內容

Flex – ProgressBar 隱藏 Label 的方法

3月 16, 2012

當 Application 在跟 Server 擷取資料時，一般都會使用 Busy Indicator 來告知有動作正在執行，但使用 Flex 建立 Web Application 時並沒有提供此 component，故可以使用 ProgressBar 來達到此效果. 一般 ProgressBar 中包含了 Label 這個 Component，那如果把它給 hidden 呢?可以使用下面的屬性來設定讓它 Hidden(紅色所mask的部份). <mx:ProgressBar id="progressBar" indeterminate="true" width="100%" label="" labelPlacement="right" labelWidth="0" horizontalGap="0" /> 效果如下所示：

閱讀完整內容

Java - 顯示 Exception 中 StackTrace 的訊息

3月 02, 2012

當在 coding 時使用 try - catch 來捕捉發生的 Exception，可是如何完整的 Exception 中的訊息抓出來呢？Exception 中提供了 printStackTrace Method 可以來取得全部的訊息.那下面的範例可以取得 Exception 中所有的訊息. public class ExceptionManager { public static String getPrintStackTrace(Exception ex) { Writer result = new StringWriter(); PrintWriter printWriter = new PrintWriter(result); ex.printStackTrace(printWriter); return result.toString(); } }

閱讀完整內容

Java – Hibernate顯示 SQL 語法及 Parameter Values

3月 01, 2012

在使用 Hibernate 時因它的語法有二種.一種是 HQL，另一種為 SQL，但如何讓 Hibernate 顯示最後執行 SQL 語法呢？可以在 hibernate.cfg.xml 中設定來達成此功能. 1. show_sql 顯示所有產生的 SQL 語法至 console.  <property name="show_sql">true</property>  Hibernate: INSERT INTO mkyong.stock_transaction (CHANGE, CLOSE, DATE, OPEN, STOCK_ID, VOLUME) VALUES (?, ?, ?, ?, ?, ?) 2. format_sql 讓產生出的 SQL 語法可讀性更高  <property name="format_sql">true</property>  Hibernate: INSERT INTO mkyong.stock_transaction (CHANGE, CLOSE, DATE, OPEN, STOCK_ID, VOLUME) VALUES (?, ?, ?, ?, ?, ?) 3. use_sql_comments Hibernate會加入 comments 至產生出的 SQL 語法  <property name="use_sql_comments">true</property>  Hibernate: /* insert com.mkyong.common.StockTransaction */ INSERT INTO mkyong.stock_transaction

閱讀完整內容