Bài giảng Lập trình Windows Phone (Module 2) - Bài 3 giới thiệu các control nâng cao trong Windows Phone như: List controls, menu controls, media controls, MessageBox, popups. Mời các bạn tham khảo để nắm bắt nội dung chi tiết bài giảng.
AMBIENT/
Chủ đề:
Nội dung Text: Bài giảng Lập trình Windows Phone (Module 2): Bài 3 - Trần Duy Thanh
- Trường ĐH Khoa Học Tự Nhiên TP.HCM
TRUNG TÂM TIN HỌC
Lập trình Windows Phone
Bài 3: Các control nâng cao trong Windows
Phone
GV Biên soạn: Trần Duy Thanh
2014
- Nội dung
•
List controls
•
Menu controls
•
Media controls
•
MessageBox, Popups
Bài 3: Các control nâng cao trong Windows Phone 2
- 1. List controls
•
ListBox control
•
LongListSelector control
Bài 3: Các control nâng cao trong Windows Phone 3
- 1.1 ListBox control
v
Dùng để hiển thị dữ liệu dạng danh sách
v
Để sử dụng ListBox, ta có 2 cách
ü Khai báo các Item ngay trên XAML
ü Load các Item từ một nguồn dữ liệu thông qua data
binding
Bài 3: Các control nâng cao trong Windows Phone 4
- 1.1 ListBox control
VD: Khai báo các Item từ ngay trên XAML
Designer Time and Run Time
Bài 3: Các control nâng cao trong Windows Phone 5
- 1.1 ListBox control
VD: Load các Item từ nguồn dữ liệu
public List Items =
new List
{
"Nguyễn Hữu Tài",
"Đỗ Thị Thùy Nhung",
"Dương Thùy Trang",
};
public MainPage()
{
InitializeComponent();
MyListBox.ItemsSource = Items;
}
Code XAML Code Behind
Bài 3: Các control nâng cao trong Windows Phone 6
- 1.1 ListBox control
VD: Load các Item từ nguồn dữ liệu
Designer Time Run Time
Bài 3: Các control nâng cao trong Windows Phone 7
- 1.1 ListBox control
v
Các Item của ListBox có thể được kết hợp từ nhiều
thành phần
- 1. List controls
•
ListBox control
•
LongListSelector control
Bài 3: Các control nâng cao trong Windows Phone 9
- 1.2 LongListSelector control
v
Windows Phone cung cấp cho ta thêm control
LongListSelector để hiển thị dữ liệu dạng
danh sách
v
Ngoài việc hiển thị dữ liệu dạng FlatList giống
ListBox, LongListSelector còn hỗ trợ hiển thị
dữ liệu dạng GroupList.
v
Không hỗ trợ khai báo các Item trên XAML,
chỉ có thể dùng data binding để load từ một
nguồn dữ liệu
Bài 3: Các control nâng cao trong Windows Phone 10
- 1.2 LongListSelector control
VD: Binding LongListSelector đơn giản
Designer Time
Bài 3: Các control nâng cao trong Windows Phone 11
- 1.2 LongListSelector control
VD: Binding LongListSelector đơn giản
class MyObject
{
public string Data { get; set; }
}
List flatList = new List()
{
new MyObject() { Data = "some data 1" },
new MyObject() { Data = "some data 2" },
new MyObject() { Data = "some data 3" },
new MyObject() { Data = "some data 4" }, Run Time
new MyObject() { Data = "some data 5" },
new MyObject() { Data = "some data 6" }};
public MainPage()
{
InitializeComponent();
longlistselector1.ItemsSource = flatList;
}
Bài 3: Các control nâng cao trong Windows Phone 12
- 1.2 LongListSelector control
VD: GroupList
v
Khai báo lớp MyObject, đây là kiểu dữ liệu chính của chương trình
class MyObject
{
Public string Category { get; set; }
public string Data { get; set; }
}
v
Khai báo lớp generic Groups để nhóm dữ liệu
class Group : List
{
public Group(TKey key, IEnumerable items) : base(items)
{
this.Key = key;
}
public TKey Key { get; set; }
}
Bài 3: Các control nâng cao trong Windows Phone 13
- 1.2 LongListSelector control
v
Khai báo các resource cho LongListSelector. Các resource được
đặt trong tag
ü Resource để binding dữ liệu
ü Resource để định dạng cho Jumplist
Bài 3: Các control nâng cao trong Windows Phone 14
- 1.2 LongListSelector control
v
Khai báo các resource cho LongListSelector.
ü Resource định dạng cho JumpList
- 1.2 LongListSelector control
v
Khai báo các resource cho LongListSelector.
ü
Resource định dạng cho GroupList
Bài 3: Các control nâng cao trong Windows Phone 16
- 1.2 LongListSelector control
v
Code behind
ü
Hàm khởi tạo nguồn dữ liệu
public void loadDataSample()
{
var flatList = new List(){
new MyObject() { Category = "A", Data = "some data 1" },
new MyObject() { Category = "A", Data = "some data 2" },
new MyObject() { Category = "B", Data = "some data 3" },
new MyObject() { Category = "C", Data = "some data 4" },
new MyObject() { Category = "C", Data = "some data 5" },
};
var groups = (from obj in flatList
group obj by obj.Category into g
orderby g.Key
select new Group(g.Key, g)); 17
Bài 3: Các control nâng cao trong Windows Phone
- 1.2 LongListSelector control
v
Code behind
ü
Gọi hàm khởi tạo trong phương thức khởi tạo của hàm MainPage
public MainPage()
{
InitializeComponent();
loadDataSample();
}
Bài 3: Các control nâng cao trong Windows Phone 18
- 1.2 LongListSelector control
v
Kết quả
Bài 3: Các control nâng cao trong Windows Phone 19
- 2. Menu controls
•
ApplicationBar
v ApplicationBar
được thiết kế để đặt một số chức
năng của chương trình, ví dụ chức năng thêm, xóa,
sửa dữ liệu
Bài 3: Các control nâng cao trong Windows Phone 20
Thêm vào BST
Báo xấu
Download
Vui lòng tải xuống để xem tài liệu đầy đủ
