Day 3: Slider trong Windows phone

Chắc hẳn bạn không khỏi thắc mắc những ứng dụng nghe nhạc có các thanh tăng giảm âm lượng, hoặc nếu bạn đã có dùng qua các công cụ chỉnh sửa ảnh trên windows phone thì cũng không thể hình dung ra cơ chế hoạt động của các nút đó đúng không? và bài hôm nay tôi xin giới thiệu với bạn về Slider, một công cụ không thể thiếu trong việc phát triển phần mềm của bạn.

Snap6

Bước 1: Tạo project mới

Snap7

Bước 2:

Design:

Snap6

Code XAML:

Snap1

Snap2 Snap3

<Nếu bạn xem trên trình duyệt web thì có thể click vào hình để xem rõ hơn>

Bước 3: Viết code xử lý sự hiện khi người dùng thay đổi Slider

Khai báo vị trí hiện tại của từng màu.

Snap4

Bắt xự kiện thi thay đổi Slider, giá trị các Textblock sẽ thay đổi theo

Snap5

Hoàn thành nhấn F5 để xem kết quả.

Snap6

Dưới đây là bài tập buổi thứ 3.

Bài 1: Thiết kế như hình dưới

Snap8

Yêu cầu:
1 – Viết code phát sinh 2 số random bất kì, gán cho 2 textbox so1 và so2
2 – Viết code khi click button Kiểm tra. Nếu bé nhập kết quả đúng, hiện thông báo  “Bé làm đúng rồi”. Ngược lại hiện “Bé làm sai rồi” và in ra kết quả đúng cho bé biết, ngoài ra khi click vào button Kiểm tra thì các Textbox se đóng lại không cho nhập nữa.
3 – Viết code khi click button Làm lại thì các textbox được mở lại. Phát sinh số mới để cho bé chơi lại.

4 Hiện thông báo khi bé chưa nhập kết quả vào ô Kết quả

Bài 2: Thiết kế giao diện như dưới đây

Snap9

Yêu cầu:
1 – Thiết kế ứng dụng với 1 ImageView và 1 Slider
2 – Add 5 file hình vào project
3 – Slider có giá trị từ 1 đến 5. Viết code khi khách hàng change giá trị của slider thi hình tương ứng sẽ hiển thị trong ImageView

Bài 3: Thiết kế như hình dưới

Snap10

Yêu cầu:
1 – Ứng dụng bao gồm: 1 textbox, 1 button, 1 ImageView
2 – Khách hàng nhập địa chỉ của 1 file hình trên internet, click LOAD. Viết code tải hình từ URL đó về và hiển thị trong ImageView

3 – Xử lý ngoại lệ khi người dùng nhập sai địa chỉ ảnh hoặc bỏ trống ô text link

Advertisements

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Đăng xuất / Thay đổi )

Connecting to %s