Drag and drop in Silverlight 4 Part 2: Drop text file to Silverlight 4


 

 

การลากไฟล์จาก Desktop ไปวางบน Silverlight จากตอนที่แล้ว: (Drag and drop in Silverlight 4) เป็นการลากวางไฟล์เฉพาะรูปภาพ มาบทความในตอนที่ 2 นี้ เราจะไปลากวางไฟล์อื่นๆ ดูบ้าง โดยผู้เขียนขอแสดงตัวอย่างการลาก text file (Drag and drop text file to Silverlight 4) ไปวางบนคอนโทรล textBox แล้วอ่านข้อมูล text ออกมาแสดงบน คอนโทรล textBox ขณะเดียวกันเราก็ยังลากรูปภาพไปวางได้เช่นเดิม ตัวอย่างหน้าจอแอปพลิเคชันเป็นดังรูป

 

 

4

 

เราจะใช้ตัวอย่างโปรเจ็กต์จากบทความ Drag and drop in Silverlight 4 มาออกแบบหน้าจอเพิ่มเติม โดยลากคอนโทรล textBox ไปวางในคอนโทรล Canvas ดังรูป

0

 

จากนั้นปรับความสูง-กว้าง ของคอนโทรล textBox เป็น Auto ตามขนาดของข้อมูลที่เราผูกให้ที่ Properties Text ดังรูป

01

 

ใส่โค้ด

                     .
                    ..
                    ...
                    else if (new string[] { ".txt", ".log"}.Contains(fi[0].Extension))
                    {
                        //เปิดคอนโทรล TextBox
                        textBox1.Visibility = System.Windows.Visibility.Visible;

                        string strText = "";

                        //เปิดอ่าน Text เรียงลำดับไบต์ เป็นอ็อบเจ็กต์ Stream (กระแสข้อมูล)
                        using (Stream fileStream = fi[0].OpenRead())
                        {
                            //อ่านข้อมูลอักขระ(characters) จากกระแสข้อมูลไบต์
                            using (StreamReader reader = new StreamReader(fileStream))
                            {
                                //อ่านข้อมูลทั้งหมดเก็บไว้ที่ ตัวแปล strText
                                strText = reader.ReadToEnd();
                            }
                        }

                        //แสดงข้อมูลบน textBox
                        textBox1.Text = strText;

                    }
                    ...
                    ..
                    .

 

เมื่อใส่โค้เรียบร้อย ลองรันดู จะเห็นคอนโทรล textBox บนหน้าจอดังรูป

1

 

จากนั้นทำการลาก text file ที่มีประเภทเป็น *.txt หรือ *.log ไปวางบน Silverlight ข้อมูลใน file จะถูกอ่านออกมาบนคอนโทรล textBox โดย textBox จะขยายความสูง-กว้างตามข้อมูลใน text file ดังรูป

2

 

ตัวอย่างข้อมูลต้นฉบับของ text file

3

 

แหล่งข้อมูลดาวน์โหลด:
http://cid-7d608959d854cb28.skydrive.live.com/embedicon.aspx/SourcesCode/12-11-2009_DragAndDropInSilverlight4_Part2.zip

 

แหล่งข้อมูลอ้างอิง:

 

ผู้เขียน:
nano_mvp_2009_1

Advertisements
เกี่ยวกับ

Nuchit Atjanawat is a Microsoft MVP, GreatFriends Community Leader, WindowsITPro Columnist(Mr.Nano), Silverlight Business Application Instructor, Speaker in various Microsoft events, Author, passionate Blogger and a Software Engineer by profession. He has a very good skill over Silverlight, LightSwitch, C#, XAML & Blend. He shares his technical findings, tutorials in his technical blog. Follow his Blog and Facebook page to be updated on latest articles. - Technical Blog: https://janawat.wordpress.com - WindowsITPro Columnist(Mr.Nano): http://windowsitpro.net - The GreatFriends.Biz Community Discussion Board (nano): http://greatfriends.biz - witter: https://twitter.com/janawat - Facebook Page: https://www.facebook.com/nuchit - Instructor: http://bit.ly/GF250-01, http://bit.ly/GF150-02

เขียนใน Silverlight

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

In Archive
%d bloggers like this: