Làm việc với các phong cách và tài nguyên: Hướng dẫn phát triển ứng dụng Windows Phone - Phần 19

Làm việc với các phong cách và tài nguyên: Hướng dẫn phát triển ứng dụng Windows Phone - Phần 19
Làm việc với các phong cách và tài nguyên: Hướng dẫn phát triển ứng dụng Windows Phone - Phần 19

Video: Làm việc với các phong cách và tài nguyên: Hướng dẫn phát triển ứng dụng Windows Phone - Phần 19

Video: Làm việc với các phong cách và tài nguyên: Hướng dẫn phát triển ứng dụng Windows Phone - Phần 19
Video: Zero To $520.00 PROFIT Per Day (Affiliate Marketing For Beginners 2023) *PROOF* - YouTube 2024, Tháng Ba
Anonim

Sau khi tìm hiểu về Kiểm soát hình ảnh, trong phần này của loạt bài hướng dẫn của chúng tôi, chúng tôi sẽ tìm hiểu thêm về thiết kế khía cạnh của các ứng dụng thay vì chức năng. Chúng tôi sẽ tìm hiểu cách sử dụng màu sắc của người dùng trong ứng dụng của bạn, chúng tôi cũng sẽ xem xét lựa chọn phông chữ và cài đặt màu khác nhau và cuối cùng chúng tôi sẽ xem xét cách kết hợp các cài đặt tùy chỉnh mà chúng tôi sẽ tạo trên một trang hoặc trên toàn bộ ứng dụng.

Hãy bắt đầu ngay lập tức. Tạo một dự án mới với một số tên như bình thường và đặt một nút bất cứ nơi nào bạn muốn. Bây giờ bắt đầu trình giả lập và nhấp vào nút bắt đầu. Vì vậy, bạn có thể vào tab cài đặt (nhấp vào mũi tên chỉ được hiển thị bên cạnh biểu tượng IE). Bây giờ sau khi bạn đạt được cài đặt, hãy chuyển đến chủ đề. Ở đây bạn có thể sử dụng có thể thay đổi màu nền cũng như màu nền trước. Bây giờ nếu bạn chọn màu nền trước khác nhau và bắt đầu ứng dụng, bạn sẽ thấy không có sự khác biệt trong hoặc kiểu ứng dụng vì chúng tôi đã không yêu cầu ứng dụng của chúng tôi tuân theo sự lựa chọn của người dùng.

Nếu bạn thấy cửa sổ XAML của chúng tôi, bạn sẽ thấy một số thuộc tính như font-family, font-size và vv. Chúng đã được xác định trước để chúng tôi sử dụng. Chỉ cần có một cái nhìn tại cách họ đã được xác định. Đây là các ràng buộc thuộc tính, còn được gọi là cú pháp ràng buộc. Tài nguyên là bất kỳ giá trị tái sử dụng nào trong Silverlight đã được đặt ở một nơi và được sử dụng ở nơi khác! Giống như CSS.
Nếu bạn thấy cửa sổ XAML của chúng tôi, bạn sẽ thấy một số thuộc tính như font-family, font-size và vv. Chúng đã được xác định trước để chúng tôi sử dụng. Chỉ cần có một cái nhìn tại cách họ đã được xác định. Đây là các ràng buộc thuộc tính, còn được gọi là cú pháp ràng buộc. Tài nguyên là bất kỳ giá trị tái sử dụng nào trong Silverlight đã được đặt ở một nơi và được sử dụng ở nơi khác! Giống như CSS.

Vậy các tài nguyên tĩnh được định nghĩa ở đâu? Bạn sẽ không thể tìm kiếm chúng trong dự án của chúng tôi. Họ đã có mặt trên Windows Phone 7.5 của chúng tôi và được gọi là tài nguyên chủ đề. Nếu bạn muốn tìm hiểu thêm về tài nguyên chủ đề, có một trang tuyệt vời trên MSDN, nơi tất cả các tài nguyên tĩnh (được liệt kê) được liệt kê. Mặc dù có hàng tá tài nguyên được liệt kê, chúng tôi sẽ chỉ sử dụng một tài nguyên cho ứng dụng của mình, PhoneAccentBrush. Điều này sẽ cho phép truy cập nền và màu nền trước. Chúng ta có thể thêm tài nguyên này bằng cách sử dụng bất kỳ cách nào trong hai cách, hoặc bằng cách thêm nó thông qua các cửa sổ thuộc tính hoặc bằng cách định nghĩa nó trong cửa sổ mã.

Hãy bắt đầu chỉnh sửa mã. Bắt đầu gõ các dòng sau trong vùng mã cho nút mà chúng ta có trong cửa sổ XAML.

BorderBrush = "{StaticResource PhoneAccentBrush}"

Khi bạn viết dòng này, bạn sẽ thấy rằng đường viền của nút chuyển sang màu xanh lam. Bây giờ tại sao màu xanh? Vì đây là một số thiết lập mặc định mà Microsoft đã thực hiện trong công cụ phát triển Windows Phone. Bây giờ hãy thay đổi thuộc tính nền trước nhưng lần này sử dụng cửa sổ thuộc tính. Chọn nút và đi đến cửa sổ thuộc tính của nó và tìm kiếm thuộc tính Foreground. Nhấp chuột phải vào tài sản đó và nhấp vào "Áp dụng tài nguyên". Một khi bạn làm điều đó, nó sẽ hiển thị cho bạn một danh sách các kiểu có sẵn. Nhấp vào "PhoneAccentBrush" như chúng tôi đã làm với nền. Bây giờ hãy thử thay đổi màu nền cũng như màu nền trước của trình mô phỏng và sau đó chạy ứng dụng.

Đề xuất: