HƯỚNG DẪN LẬP TRÌNH WPF

Đây là nội dung bài viết đầu tiên vào loạt bài viết về WPF (Windows Presentation F

*
oundation) phiên phiên bản 4, đi kèm theo cùng cỗ visual studio 2010. Mục tiêu của bài viết đề ra là trong 1 tuần ngắn ngủi bạn có thể nắm bắt được các khái niệm đặc trưng đến những vấn đề phức tạp. Tôi mong muốn tôi cũng giống như các bạn cũng có thể nắm bắt một technology mới thật cấp tốc trên cơ sở những loài kiến thức gốc rễ về C# vẫn có.

Bạn đang xem: Hướng dẫn lập trình wpf

Nôi dung trong cỡ ngày đầu tiên của bọn chúng như sau:

– ra mắt về WPF (Windows Presentation Foundation).

– thiết lập công cụ cải cách và phát triển (install the development tools).

– tò mò các quan niệm cơ phiên bản của WPF (Learn the basic concepts of WPF).

– sinh sản một áp dụng WPF thứ nhất (Create your first WPF application).

– mày mò WPF đã chuyển đổi thể nào trong công cụ cải cách và phát triển (Learn how WPF changed the development workflow).

Còn hóng gì nữa. Bọn họ bắt đầu….

1. Ra mắt về Windows Presentation Foundation

a. Reviews khái quát.

– WPF (Windows Presentation Foundation) của Microsoft là núm hệ tiếp theo sau của bối cảnh khung người dùng (User Interface Framework) để tạo thành các ứng dụng với trải nghiệm người dùng phong phú. Nó là một trong những phần trong .Net 3.0 và các phiên bản cao hơn.

– WPF UI(User Interface) phối hợp ứng dụng giao diện 2D, 3D, văn bản và multimedia vào trong kích thước duy nhất. Nó là vector các đại lý để diễn hoạt và tăng tốc phần cứng của các card giao diện hiện đại. Điều này tạo cho giao diện người dùng nhanh hơn. Tạo kĩ năng mở rộng lớn và độ sắc nét độc lập.

– Hình minh họa dưới đây cung cấp cho bạn một một bao gồm về các tính năng được cải thiện của WPF.

*

b. Tách bề ngoài và sự vận hành:

WPF phân minh sự xuất hiện của một giao diện người dùng từ hành động của nó. Giao diện thường được thường được cách thức trong ngôn ngữ đánh dấu ứng dụng (XAML – eXtensible Application Markup Language), các sự kiện được thực hiện nhờ ngữ điệu lập trình như C# tuyệt Visual Basic. Hai bộ phận được liên kết với nhau vày databinding, những sự kiện và lệnh. Việc tách biệt giữa đồ họa và phương pháp xử lý những sự khiếu nại của chương trình đem đến những tác dụng như:

– bối cảnh và hành động (các xử trí của chương trình) được links với nhau.

– các nhà thiết kế (Designers) và các nhà trở nên tân tiến (Developers) có thể làm bài toán với quy mô riêng biệt.

– Công cụ xây đắp đồ họa có thể làm trên những tài liệu XML dễ dàng và đơn giản thay vì cần phân tích code.

c. Thành phần phong phú

Các Control vào WPF là hết sức tuyệt vời, chúng ta có thể xác định gần như bất kỳ các control và văn bản khác nhau. Tuy vậy rất linh hoạt trong những thiết kế âm thanh cho những nhà thiết kế, đấy là một chức năng rất khỏe khoắn nếu bạn áp dụng tích hợp. Đặt một hình ảnh vào button để tạo ra một image button, hoặc đặt một list các đoạn clip vào danh sách để chọn một tập tin video…

*


Button> StackPanel Orientation="Horizontal"> Image Source="speaker.png" Stretch="Uniform"/> TextBlock Text="Play Sound" /> StackPanel>Button>
d. Tùy biến nâng cấp (Highly Customizable)

Do sự bóc tách biệt chặt chẽ giữa bối cảnh và hành vi, nên chúng ta cũng có thể dễ dàng biến đổi giao diện điều khiển. Các khái niệm về những style, skin controls gần giống như CSS vào HTML. Các Template cho có thể chấp nhận được bạn thay thế sửa chữa giao diện của các control một cách sinh động và đã mắt hơn.

Ví dụ sau đó là một button mặc định với một button tùy chỉnh cấu hình trong WPF.

*

e. Quyết định độc lập:

Tất cả các tiêu chuẩn trong WPF là những đối kháng vị hợp lý – ko phải là điểm ảnh. Một đối chọi vị phù hợp là 1/96 của một inch. Nếu như khách hàng tăng độ sắc nét màn hình của bạn, giao diện người dùng vẫn gồm cùng kích thước. Kể từ lúc WPF được xây dừng trên một vector các đại lý thì sự diễn hoạt của chính nó rất dễ dàng để xây cất và mở rộng giao diện tín đồ dùng.

*

2. Download và thiết đặt công cố kỉnh phát triển:

– Microsoft cung cấp 2 công cụ cải tiến và phát triển cho những ứng dụng WPF. Một là Visual Studio dành cho các nhà phát triển (Developers), với Expression Blend giành cho các nhà xây đắp (Designs).

– trong những khi Visual studio là giỏi hơn code và sửa đổi XAML, nhưng này lại ít cung ứng với bối cảnh như gradients, biên tập mẫu, diễn hoạt… Đấy đó là những điểm cơ mà Expression Blend phía đến. Blend cung cấp tốt cho chỗ đồ họa cơ mà nó vẫn còn ít hỗ trợ cho code và chỉnh sửa XAML.

Vì vậy, họ cần cả Visual Studio lẫn Expression Blend.

a. Microsoft Studio 2010

Visual studio 2010 là công cụ bắt đầu nhất bây chừ cho những nhà phát triển các vận dụng WPF. Nó bao gồm một thiết kế giao diện cho WPF kể từ phiên phiên bản Visual studio 2008. Nếu bạn đang sử dụng Visual studio 2005 bạn cũng có thể cài thêm một add-on có thể chấp nhận được bạn cải cách và phát triển các áp dụng WPF.

Microsoft cung cấp miễn tầm giá phiên bản Visual studio 2010 express bao gồm thiết kế WPF. Chúng ta cũng có thể tải về từ showroom sau đây.

Download Microsoft Visual C # 2010 – Express Edition

*

b. Microsoft Expression Blend 3 + Sketch Flow

Expression Blend là 1 trong những công núm để thiết kế, nó là một phần của Express studio, một bộ công cụ bắt đầu từ Microsoft đặc biệt tạo ra cho các nhà kiến tạo trải nghiệm. Blend bao hàm tất cả những tính năng không đủ của thiết kế Visual Studio như styling, khuôn mẫu, diễn hoạt, bối cảnh 3D, resources cùng gradients.

Trong phiên bản mới nhất, nó cũng bao gồm một công nuốm tạo mẫu mạnh bạo được call là SketchFlow. Expression Blend rất có thể mở những file solution được tạo bởi vì Visual Studio. Bạn có thể tải Expression Blend theo đường links bên dưới.

Download Microsoft Expression Blend 3

*

c. Những mức sử dụng hữu ích khác.

3. Tài liệu tìm hiểu thêm WPF 4

a. WPF 4 – Unleashed

*

Đây là trong số những cuốn sách rất tốt về WPF 4 của người sáng tác Adam Nathan. Cuốn sách được in với vừa đủ màu sắc, tất những các mã lệnh đều có cú pháp đánh sáng. Nó bao hàm những giải mã thích rất tốt về phiên phiên bản 3 và bao gồm cả hồ hết chương new về cảm ứng đa điểm, XAML 2009, VSM, nâng cao việc màn trình diễn văn bản, cùng còn nhiều tin tức đáng để chúng ta tìm hiểu. Click vào chỗ này để dowload.

b. Pro WPF in C# 2010

Một cuốn sách lừng danh khi viết về lập trình sẵn WPF 4 trên ngữ điệu C#.

*
Nếu thực sự bạn làm được những gì trong cuốn sách này chỉ ra. Chúng ta thực sự đang đạt quý phái pro trong xây dựng WPF.

Cuốn sách được Apress xuất phiên bản tháng 3 năm 2010.

Xem thêm: Học Người Nhật Đoán Tính Cách Qua Nhóm Máu A+ Tính Cách Của 4 Nhóm Máu

Ngôn ngữ giờ đồng hồ Anh.

Click vào chỗ này để download.

c. Windows Presentation Foundation – Unleashed

*

Đây là 1 cuốn sách hoàn hảo và tuyệt vời nhất viết về WPF. Nó bao gồm tất cả những chủ đề quan liêu trọng, bao gồm cả thiết kế 3D. Toàn bộ các mã lệnh với cú pháp được sơn sáng. Gồm phần nâng cao phục vụ cho những lập trình viên cao cấp.

Cuốn sách được xuất bạn dạng năm 2007, bởi người sáng tác Adam Nathan

Click vào đây để download.

Trên đấy là những cuốn sách hay tuyệt nhất viết về WPF 4. Nếu khách hàng thực sự mê say lập trình với WPF chúng ta hãy download và chinh phục nó.

4. Chế tạo một vận dụng WPF đơn giản dễ dàng đầu tiên

– hiện nay bạn hãy mở Visual Studio lên, vào menu tệp tin –> New –> Project … lựa chọn WPF Application. Chọn đường truyền chứa folder project với OK.

*

Visual Studio 2010 sẽ tạo ra project và tự động hóa thêm một số trong những tập tin quan trọng vào Solution Explorer. Một tệp tin App.xaml, một MainWindow.xaml.

*

Cấu trúc này trông khá như thể với Windows Form, ko kể tập tin Window1.designer.cs. Bây giờ nó được khai báo trong tập tin MainWindow.xaml với code không nhiều hơn.

Bây giờ bạn click vào tập tin MainWindow.xaml trong kiến tạo WPF và kéo một TextBox và một Button từ bỏ Toolbox vào cửa sổ xây đắp (Như hình)

*

– bây giờ chúng ta viết code sử lý sự khiếu nại click mang lại button vừa kéo vào. Bằng phương pháp chọn sự kiện

*
của nó bên phía trong cửa sổ Properties (Nhấp vào hình tượng sét nhỏ màu vàng). DoubleClick vào sự khiếu nại click. Để tạo ra một thủ tục trong Codebehind được gọi khi fan dùng bấm chuột vào button.

– lưu ý: giả dụ bạn không tìm thấy biểu tượng sét nhỏ tuổi màu vàng, bạn phải setup Server Pack 1 cho Visual Studio của mình. Hoặc bạn có thể click lưu ban vào button nhằm được tác dụng tương tự.

Visual studio 2010 sẽ tạo nên ra một thủ tục trong tập tin codebehind để gọi khi button được click. Bạn thử viết một dòng code nhằm khi click button sẽ chỉ ra đoạn text mà bọn họ cần hiển thị như đoạn code bên dưới đây:


private void button1_Click(object sender, RoutedEventArgs e) textBox1.Text = "Hello Lâm Thanh Cường!";
– hiện giờ bạn nhấn F5 để chạy chương trình. Các bạn sẽ được tác dụng tương trường đoản cú hình bên dưới khi click vào button.

*

Hãy cảm nhận thành quả trước tiên của mình!

5. WPF sẽ làm chuyển đổi như ráng nào trong quá trình phát triển

Quy trình xây dựng Trải nghiệm fan dùng

a. Trải nghiệm người tiêu dùng sẽ biến đổi một nhân tố trong chiếc chìa khóa thành công.

Trong vượt khứ, họ tập trung vào xây dựng sản phẩm và xong xuôi các yêu thương cầu công dụng của fan dùng, lúc ấy trải nghiệm người dùng được cải tiến và phát triển chậm chạp. Nhưng lại ngày nay, những người dùng yêu cầu nhiều hơn thế một thành phầm chỉ có tác dụng việc. Cung cấp các tính năng cân xứng vẫn là đk tiên quyết mang đến một sản phẩm tốt. Nhưng mà để thay đổi nó thành một cái nào đó bất thường, bạn cần một trải nghiệm người dùng tốt.

Cung cung cấp một trải nghiệm bạn dùng đa dạng mẫu mã không đề nghị là một chiếc gì may mắn. Nó rất cần phải quy hoạch, kiến tạo và tích hợp vào sự cải cách và phát triển của sản phẩm. Kiến thiết trải nghiệm tín đồ dùng phong phú và đa dạng không chỉ làm cho giao diện tín đồ dùng của khách hàng bằng một số đồ họa với gradient – định nghĩa của nó rộng rộng nhiều. Để tạo ra một kết nối tình cảm của người dùng. Nó làm cho những người dùng cảm thấy giỏi và thích thú khi sử dụng phần mềm đó.

b. Biện pháp mới cho các nhà thiết kế.

*

Microsoft công bố, cung cấp cho các nhóm cách tân và phát triển một công cụ dũng mạnh để tạo ra trải nghiệm fan dùng đa dạng và yêu cầu nhiều công cụ cung cấp đồ họa hơn Visual Studio. Vì vậy chúng ta quyết định tạo thành một bộ công cụ mới cho các nhà thiết kế. Đó là bộ luật Microsoft Expression bao gồm:

– Expression Blend: được xây cất để tạo thành các giao diện người dùng trong WPF và Silverlight. Nó xây dựng cầu nối giữa thiết kế và vạc triển, nó rất có thể mở rộng các chiến thuật của Visual Studio.

– Expression Design: là một trong những phiên bản nặng cam kết của Adobe Illustrator để chế tạo ra vào sửa đổi đồ họa vector.

– Expression Media: được phát hành để mã hóa, cắt, nối, làm đa dạng và phong phú thêm những file đoạn clip và về tối ưu hóa chúng mang đến Silverlight stream.

– Expression Web: là một trong thế hệ sau đó của trình biên soạn thảo HTML với Javascript. Được dùng để thay nạm cho FrontPage trước đây.

Đi cùng với chúng là 1 trong gói công cụ khỏe mạnh mẽ. Hình minh họa sau đây cho thấy thêm một tiến trình làm mẫu mã trong việc tích đúng theo hình hình ảnh vector được tạo ra bởi một nhà xây dựng đồ họa trong Adobe Illustrator vào trong 1 dự án WPF, kia là một phần của một giải Visual Studio.

*

c. Phân phát triển quá trình của một WPF project:

Phát triển một áp dụng WPF với trải nghiệm tín đồ dùng nhiều mẫu mã đòi hỏi tài năng nhiều rộng một nhà so với chỉ được yêu cầu khẳng định một danh sách các trường phù hợp sử dụng, cải cách và phát triển và thực hiện các phần mềm. Bọn họ phải kiếm tìm ra các gì mà người dùng thực sự cần. Điều này hoàn toàn có thể được thực hiện bằng phương pháp làm theo một bí quyết tiếp cận với trọng tâm là tín đồ dùng.

*

c.1 Gợi ra phần đa yêu cầu:

Giống như trong bất kỳ loại dự án phần mềm, để tìm hiểu và triệu tập vào kim chỉ nam phát triển. Chúng ta nên thì thầm với các bên tương quan và người sử dụng để mày mò nhu ước thực sự của họ. Các nhu yếu này rất cần được tinh chỉnh các tính năng với thể hiện trong những trường hợp thực hiện (trừu tượng) hoặc các kịch phiên bản của người tiêu dùng (minh họa). Trách nhiệm này khá quan trọng và đôi khi phải lặp đi lặp lại và nó được tiến hành bởi những các kỹ sư yêu mong (requirements engineer).

c.2 tạo ra phiên bản dùng thử cho tất cả những người dùng:

Tạo một mẫu giao diện người dùng là một bước đặc biệt quan trọng sao mang đến những ý tưởng chia đang giữa người tiêu dùng và các kỹ sư có thể tạo ra một hiểu biết phổ biến về xây cất tương tác. Trọng trách này được thực hiện bởi nhà kiến thiết tương tác (interaction designer). Nó rất hữu ích để chỉ phạt thảo giao diện fan dùng, có khá nhiều kỹ thuật cùng công cụ để triển khai điều này, một trong những đó là:

– Paper Prototype (giấy nguyên mẫu): thực hiện giấy và cây viết chì để phát thảo sơ bộ về giao diện người tiêu dùng của bạn. Không tồn tại các công cụ và hạ tầng cần thiết. Mọi người chỉ rất có thể phác họa phát minh của họ trên giấy.

– WireFrames: thường được áp dụng để phác họa cách bố trí một trang. Nó được call là wireframes bởi vì bạn chỉ cần vẽ đa số phác thảo về các control cùng hình ảnh. Điều đó có thể được tiến hành bởi những công vắt như PowerPoint tốt Viso.

– Expression Blend 3 – Sketch Flow: Sketch Flow là một tính năng mới thú vị để tạo thành các mẫu liên can trực tiếp trong WPF. Bạn cũng có thể sử dụng tích phù hợp “Wiggly style” để triển khai nó trở vắn tắt. Nguyên mẫu mã này hoàn toàn có thể chạy trong một vật dụng phát chủ quyền và một bề ngoài phản hồi mê say hợp.

– Interactive Prototype(Tương tác thử nghiệm): thông minh nhưng là phương thức tiếp cận thực tiễn nhất là tạo ra một thể (tái sử dụng) nguyên mẫu sẽ là các công việc như những ứng dụng thực tế tuy vậy với dữ liệu giả.

Nói chung quy trình thi công trải nghiệm người dùng là khá rộng. Cùng với góc độ là một developer thì chúng ta chỉ tò mò đến đó là ổn.