Đăng ký Đăng nhập
Trang chủ Tìm hiểu windows phone 7...

Tài liệu Tìm hiểu windows phone 7

.PDF
35
381
87

Mô tả:

TRƯỜNG ĐẠI HỌC MỞ THÀNH PHỐ HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN MÔN HỌC Đề tài: TÌM HIỂU WINDOWS PHONE 7 GVHD : HỒ QUANG KHẢI SVTH : PHAN VIẾT TRUNG MSSV : 0851010299 LỚP TP.HCM 02/2012 : TH08B2 LỜI CẢM ƠN! Để hoàn thành đồ án ngành này, lời đầu tiên tôi xin chân thành cảm ơn các thầy giáo, cô giáo Khoa Công nghệ thông tin Trường Đại học Mở TPHCM, những người đã dạy dỗ, trang bị cho tôi những kíến thức bổ ích trong bốn năm học vừa qua. Xin chân thành gửi lời cảm ơn sâu sắc nhất đến thầy Hồ Quang Khải, người đã tận tình giúp đỡ, hướng dẫn tôi trong suốt quá trình thực hiện cũng như hoàn thành bài tập môn Đồ án ngành. Một lần nữa xin chân thành cảm ơn ! TP HCM ngày 10 tháng 2 năm 2012 TÌM HIỂU WINDOWSPHONE 7 GVHD: HỒ QUANG KHẢI MỤC LỤC I.GIỚI THIỆU ĐỀ TÀI: .................................................................................... 2 II.KIẾN THỨC CÓ ĐƯỢC: ............................................................................. 2 1.WindowsPhone là gì? ............................................................................ 2 2.Những thiết bị nào sẽ chạy được WindowsPhone? ................................ 3 3.Cấu hình cơ bản để chạy các phần mềm visual studio. .......................... 4 4.Các công cụ và tools cần thiết dành cho lập trình trên nền tảng WP7. .. 4 5.Làm demo một số ứng dụng từ đơn giản cho WP7. .............................. 6 6.Công cụ ExpressBlend: .......................................................................... 6 III.NỘI DUNG CÔNG VIỆC: ......................................................................... 8 1.VIẾT ỨNG DỤNG DUYỆT HÌNH CƠ BẢN ...........................................................8 2.VIẾT ỨNG DỤNG DUYỆT HÌNH KIỂU PANAROMA .......................................17 IV. KẾT LUẬN: ............................................................................................... 24 V. TÀI LIỆU THAM KHẢO: ......................................................................... 25 SVTH: PHAN VIẾT TRUNG - 0851010299 1 TÌM HIỂU WINDOWSPHONE 7 GVHD: HỒ QUANG KHẢI I.GIỚI THIỆU ĐỀ TÀI: WindowsPhone là nền tảng dành cho điện thoại theo xu hướng cảm ứng hiện nay của Microsoft, sử dụng ngôn ngữ C#, VB do tính thân thiện, gần gũi, gần giống như các môn học Lập trình trên ngôn ngữ C trước đây nên em quyết định chọn WindowsPhone7 làm đề tài nghiên cứu. Trong đề tài này em bắt đầu nghiên cứu từ những điều cơ bản nhất về WindowsPhone 7, những điểm này sẽ lần lượt được giới thiệu sau mục này. II.KIẾN THỨC CÓ ĐƯỢC: 1.WindowsPhone là gì? WindowsPhone là hệ điều hành dành cho điện thoại của Microsoft, tiếp nối Windows Mobile 6.5 , WindowsPhone 7 được tung ra nhằm cạnh tranh, lấy lại thị phần của hãng trước sự lớn mạnh của Android(Google) và IOS trên Iphone (Apple). SVTH: PHAN VIẾT TRUNG - 0851010299 2 TÌM HIỂU WINDOWSPHONE 7 GVHD: HỒ QUANG KHẢI 2.Những thiết bị nào sẽ chạy được WindowsPhone? Tất cả các thiết bị thoả mãn các yêu cầu về phần cứng cơ bản của Microsoft bao gồm: cpu kiến trúc ARM A8-A9-A15 >=1Ghz/core Ram >=512Mb, camera >=5Mpx, bộ nhớ trong>=8Gb,Bluetool,Wifi,GPS, gia tốc kế và màn hình cảm ứng đa điểm và cuối cùng tất nhiên sẽ là nhà sản xuất phải đăng kí và mua bản quyền WP dành cho thiết bị của họ Các yêu cầu trên nhằm mục đích tối ưu cho thiết bị WP cảm ứng chạy mượt mà và đáp ứng đầy đủ các yêu cầu mà smartphone cần có(chạy đa nhiệm, khả năng kết nối, xoay màn hình, cảm ứng chuyển động…), nhằm tránh sự phân mảnh thiết bị quá sâu mà Android đang mắc phải, đưa ra cấu hình chung qua đó thiết bị WP của các hãng khác nhau (HTC,Samsung,Nokia,LG..) đều sẽ chạy tốt các ứng dụng game mà lập trình viên không phải mất công post lại do kích thước màn hình khác nhau như Android đang mắc phải. Sử dụng kiến trúc ARM bởi vì đây là kiến trúc CPU sản xuất dựa trên tiến trình bán dẫn UltraLowPower (ULV)rất tiết kiệm điện năng, 1 nhân cortex A8 1Ghz đóng gói bao gồm nhiều SVTH: PHAN VIẾT TRUNG - 0851010299 3 TÌM HIỂU WINDOWSPHONE 7 GVHD: HỒ QUANG KHẢI thành phần khác như chip đồ họa, các chip điều khiển I/O, chip giãi mã âm thanh… chỉ sử dụng ~0.3W/h. Chính đặc điểm này mang lại lợi thế về thời lượng sử dụng Pin tốt nhất mà các vi xử lý dựa trên kiến trúc x86 không thể nào có được. 3.Cấu hình cơ bản để chạy các phần mềm visual studio. Windows 7 hoặc Vista SP2, Ram>=2Gb, HDD>=4Gb, CPU kiến trúc x86 AMD hoặc Intel dualcore trở lên, có hỗ trợ ảo hóa. 4.Các công cụ và tools cần thiết dành cho lập trình trên nền tảng WP7. -WindowsPhone7 Deverloper Tools -Visual Studio 2010 Utimate+ Visual Studio 2010 SP1 -MSDN for WindowsPhone để tham khảo. Tất cả các tools trên có thể dễ dàng download theo địa chỉ sau: http://www.microsoft.com/download/en/default.aspx?WT.mc_id=MSCOM_HP_US_Nav_Dow nloads SVTH: PHAN VIẾT TRUNG - 0851010299 4 TÌM HIỂU WINDOWSPHONE 7 GVHD: HỒ QUANG KHẢI 1. Đặc điểm mới của phiên bản nâng cấp Mango: http://www.codeproject.com/Articles/...r-Tools-7-1-Be 2. Links download bộ Windows Developer Tools : http://download.microsoft.com/downlo...2_Beta_en1.iso 3. Links download bộ Visual Studio 2010 Ultimate : http://download.microsoft.com/downlo...ltimTrial1.iso 4. Links download bản SP1 Visual Studio 2010: http://download.microsoft.com/downlo...010SP1dvd1.iso Giao diện chính của Website. SVTH: PHAN VIẾT TRUNG - 0851010299 5 TÌM HIỂU WINDOWSPHONE 7 GVHD: HỒ QUANG KHẢI 5.Làm demo một số ứng dụng từ đơn giản cho WP7. Viết thành công các demo nhập xuất kí tự (HelloWorld), Tạo style chung cho các control(màu sắc, kích thước chữ…) các control ví dụ tất cả textbox trong ứng dụng sẽ thừa hưởng style chữ màu đỏ như là thuộc tính mặc định, trừ khi ta tùy chỉnh riêng lẽ từng control Æ Có thể dùng style để set control một các tiện lợi, thống nhất style thiết kế. 6.Công cụ ExpressBlend: Công cụ ExpressBlend rất tiện lợi để tùy chỉnh giao diện WP, ngoài ra còn thêm rất nhiều tùy chọn phong phú về các hiệu ứng như tùy biến khi chương trình được khởi động, thực thi Æ Nên dùng ExpressBlend để thiết kế giao diện chương trình cũng như các hiệu ứng cho dễ dàng và trực quan. SVTH: PHAN VIẾT TRUNG - 0851010299 6 TÌM HIỂU WINDOWSPHONE 7 GVHD: HỒ QUANG KHẢI Giáo diện chính của ExpressBlend SVTH: PHAN VIẾT TRUNG - 0851010299 7 TÌM HIỂU WINDOWSPHONE 7 GVHD: HỒ QUANG KHẢI III.NỘI DUNG CÔNG VIỆC: 1.VIẾT ỨNG DỤNG DUYỆT HÌNH CƠ BẢN. Giao diện chương trình: SVTH: PHAN VIẾT TRUNG - 0851010299 8 TÌM HIỂU WINDOWSPHONE 7 GVHD: HỒ QUANG KHẢI TextBlock có chức năng hiển thị kí tự mà không cho người dùng thao tác trên textblock.         Cũng như textbox, textblock có các thuộc tính chỉnh về font chữ, size…và thuộc tính xác định vị trí kích thước trên giao diện. ImageBox có nhiệm vụ hiển thị hình ảnh.   ImageBox có các thuộc tính như name để xác định tính duy nhất, các kiểu giản hình canh ngang dọc….…và thuộc tính xác định vị trí kích thước trên giao diện. ApplicationBar: là chức năng hỗ trợ của hệ điều hành WP giúp trình bày các button và menu trực quan, ở ứng dụng này ta add 4 button từ trái qua phải gồm:                                                                                             SVTH: PHAN VIẾT TRUNG - 0851010299 9 TÌM HIỂU WINDOWSPHONE 7 GVHD: HỒ QUANG KHẢI                                                                                             ‐‐>    Button Chọn hình: Khi người dùng click vào sẽ khởi động Photochoosetask, đây là chức năng hệ điều hành giúp dễ dàng mở ra thư viện hình ảnh Isolatestore. private void BUTTON_CHON(object sender, EventArgs e)          {              Selectpictures.Show();//Gọi hàm Selectpictures            }    void Selectpictures_Completed(object sender, PhotoResult e)//Chon Anh          {              BitmapImage bitmap = new BitmapImage();//khai báo một  bitmapImage              bitmap.SetSource(e.ChosenPhoto);//Source bằng sự kiện  chọn hình của người dùng              khunganh.Source = bitmap;//gán nguồn để hiển thị ra  ImageBox name="khunganh"           }  SVTH: PHAN VIẾT TRUNG - 0851010299 10 TÌM HIỂU WINDOWSPHONE 7 SVTH: PHAN VIẾT TRUNG - 0851010299 GVHD: HỒ QUANG KHẢI 11 TÌM HIỂU WINDOWSPHONE 7 GVHD: HỒ QUANG KHẢI Ngoài ra ứng dụng sử dụng thêm storyboard để tạo hiệu ứng chuyển hình từ mờ đến rõ dần tạo cảm giác mượt mà hơn.                          Để tạo storyboard ta làm như sau: SVTH: PHAN VIẾT TRUNG - 0851010299 12 TÌM HIỂU WINDOWSPHONE 7 GVHD: HỒ QUANG KHẢI Trên giao diện ExpressBlend ta mở Project cần làm việc(tạo storyboar) Click dấu + để add thêm Storyboard sau đó đặt tên cho storyboard Ở đây vấn đề cần quan tâm nhất là scrip làm như hình sau ở mỗi vạch sẽ tương ứng với 1s đồng hồ, và đối tượng cần làm hiệu ứng sẽ add vào dưới layoutRoot Thường là hình ảnh, sau đó ở từng giây ta sẽ chỉnh độ mờ của hình ảnh từ 0->100, khi chạy sẽ tạo ra hiệu ứng chuyển hình từ mờ đến rõ. Ta chỉnh giây thứ nhất Opacity với giá trị bằng 10, tương ứng 2-40, 3-80,4-100 SVTH: PHAN VIẾT TRUNG - 0851010299 13 TÌM HIỂU WINDOWSPHONE 7 GVHD: HỒ QUANG KHẢI Bước cuối cùng, ta chọn sự kiện kích hoạt storyboard(mouseclick, load object..), chọn source, ở ví dụ này là khung ảnh, các thông số trực quan và dễ dàng chỉnh như hình trên. SVTH: PHAN VIẾT TRUNG - 0851010299 14 TÌM HIỂU WINDOWSPHONE 7 GVHD: HỒ QUANG KHẢI \ Phóng to và thu nhỏ: Tăng hoặc giảm kích thước các chiều ngang và cao của imagebox để phóng to hay thu nhỏ private void Button_ZoomIn (object sender, GestureEventArgs e)          {              khunganh.Width += 300;              khunganh.Height += 300;          }          private void Button_ZoomOut (object sender, GestureEventArgs  e)          {                khunganh.Width ‐= 300;  SVTH: PHAN VIẾT TRUNG - 0851010299 15 TÌM HIỂU WINDOWSPHONE 7 GVHD: HỒ QUANG KHẢI             khunganh.Height ‐= 300;            }  Xem hình Slideshow: timer = new DispatcherTimer();   timer.Interval = TimeSpan.FromSeconds(3);   timer.Tick += new EventHandler(timer_Tick);    Khai báo một timer, sau 3 giây thì sẽ gọi hàm time_tick void timer_Tick(object sender, EventArgs e)          {                            GetPicture();          }  void GetPicture()//SlideShow          {              PictureCollection pictures = medialibrary.Pictures;              if (pictures.Count > 0)              {                  int index = rand.Next(pictures.Count);                  Picture pic = pictures[index];                  BitmapImage bmp = new BitmapImage();                  bmp.SetSource(pic.GetImage());                  khunganh.Source = bmp;                  st.Begin();                                }          }  Hàm GetPicture() sẽ lấy hình ramdom trong isolatestore của medialibary, gán source cho imagebox khunganh để hiển thị, storyboar st để tạo hiệu ứng hình ảnh chuyển đổi. SVTH: PHAN VIẾT TRUNG - 0851010299 16 TÌM HIỂU WINDOWSPHONE 7 GVHD: HỒ QUANG KHẢI 2.VIẾT ỨNG DỤNG DUYỆT HÌNH KIỂU PANAROMA Giao diện chính: Dùng giao diện kiểu Panaroma, nguyên chương trình là một Panaroma, trong Panaroma chính có thể thêm nhiều Panaroma con, số lượng tùy thuộc vào số trang, ví dụ muốn 5 trang con thì ta tạo 6 Panaroma, gồm 1 Panaroma nền và 5 Panaroma con. Trong mỗi Panaroma ta dùng stackpanel để chia giống như các Table , mặc định stack sau sẽ bên dưới stack trước, ta cần thêm thuộc tính Orientation="Horizontal" để canh ngang Vì giao diện panaroma chỉ cho dùng một control trong 1 ô stack nên bắt buộc phải dùng ImageBox để thay thế, Microsoft làm việc này vì để đảm bảo thống nhất giống giao diện Metro của hãng. SVTH: PHAN VIẾT TRUNG - 0851010299 17 TÌM HIỂU WINDOWSPHONE 7 GVHD: HỒ QUANG KHẢI Chỉnh thuộc tính SupportedOrientations="PortraitOrLandscape" để có thể dùng cảm biến xoay ngang màn hình SVTH: PHAN VIẾT TRUNG - 0851010299 18
- Xem thêm -

Tài liệu liên quan