Tuỳ chỉnh giao diện người dùng iOS Sender

Bạn có thể tuỳ chỉnh tính năng Truyền tiện ích bằng cách đặt màu sắc, tạo kiểu cho các nút, văn bản và hình thu nhỏ giao diện và bằng cách chọn loại nút hiển thị.

Tuỳ chỉnh giao diện của tiện ích

Tiện ích khung Cast hỗ trợ Giao thức UIAppearance của Apple trong UIKit để thay đổi giao diện của các tiện ích trên ứng dụng, chẳng hạn như vị trí hoặc đường viền của nút. Sử dụng giao thức này để tạo kiểu cho tiện ích khung Truyền thành phù hợp với kiểu ứng dụng hiện có.

Ví dụ về nút Truyền

GCKUICastButton.appearance().tintColor = UIColor.gray

[GCKUICastButton appearance].tintColor = [UIColor grayColor];

Trực tiếp tuỳ chỉnh tiện ích

Tuỳ chỉnh tiện ích trực tiếp bằng các thuộc tính của lớp cấp cao. Ví dụ: thông thường, bạn nên tuỳ chỉnh GCKUICastButton bằng cách sử dụng tintColor: thuộc tính này.

Ví dụ về nút Truyền

castButton.tintColor = UIColor.gray

castButton.tintColor = [UIColor grayColor];

Chọn nút điều khiển

Cả lớp tay điều khiển mở rộng (GCKUIExpandedMediaControlsViewController) và lớp tay điều khiển nhỏ (GCKUIMiniMediaControlsViewController) chứa thanh nút và ứng dụng khách có thể định cấu hình nút nào được hiển thị trên các thanh đó. Điều này đạt được nhờ cả hai lớp tuân theo GCKUIMediaButtonBarProtocol.

Thanh điều khiển mini có 3 khe có thể định cấu hình cho các nút:

SLOT  SLOT  SLOT
  1     2     3

Thanh điều khiển mở rộng có nút bật tắt phát/tạm dừng vĩnh viễn trong giữa thanh cộng với 4 khe có thể định cấu hình:

SLOT  SLOT  PLAY/PAUSE  SLOT  SLOT
  1     2     BUTTON      3     4

Ứng dụng của bạn có thể tham chiếu đến bộ điều khiển mở rộng bằng Thuộc tính -[defaultExpandedMediaControlsViewController] của GCKCastContext và tạo một bộ điều khiển thu nhỏ bằng -[createMiniMediaControlsViewController].

Mỗi vị trí có thể chứa một nút trong khung, một nút tuỳ chỉnh, hoặc để trống. Danh sách các nút điều khiển khung được định nghĩa như sau:

Bạn có thể xem nội dung mô tả chi tiết về chức năng của mỗi nút trong GCKUIMediaButtonBarProtocol.h

Thêm một nút như sau bằng cách sử dụng các phương thức trên GCKUIMediaButtonBarProtocol:

• Để thêm nút khung vào một thanh, bạn chỉ cần gọi đến -[setButtonType:atIndex:].

• Để thêm một nút tuỳ chỉnh vào một thanh, ứng dụng của bạn phải gọi Đã đặt -[setButtonType:atIndex:] với buttonType thành GCKUIMediaButtonTypeCustom, sau đó gọi -[setCustomButton:atIndex:] truyền UIButton có cùng chỉ mục.

Áp dụng kiểu tùy chỉnh cho ứng dụng iOS của bạn

Cast iOS SDK cho phép bạn tạo kiểu phông chữ, màu sắc và hình ảnh của Các thành phần giao diện người dùng của các tiện ích mặc định trong trình gửi iOS, cung cấp cho xem giao diện khớp với phần còn lại của ứng dụng.

Phần sau đây trình bày cách áp dụng kiểu tuỳ chỉnh cho của tiện ích Truyền hoặc nhóm tiện ích.

Áp dụng kiểu cho thành phần trên giao diện người dùng của tiện ích

Quy trình này sử dụng ví dụ về cách đặt màu văn bản nội dung cho bộ điều khiển nhỏ của ứng dụng sang màu đỏ.

1. Xem bảng thành phần hiển thị và kiểu để tìm tên chế độ xem của tiện ích hoặc nhóm tiện ích mà bạn muốn phong cách. Tên nhóm được đánh dấu ▼.

   Ví dụ: miniController khung hiển thị tiện ích

2. Tìm tên của các thuộc tính mà bạn muốn thay đổi danh sách thuộc tính trong lớp kiểu tương ứng được liệt kê trong bảng này.

   Ví dụ: bodyTextColor là một thuộc tính của GCKUIStyleAttributesMiniController .

3. Viết mã.

   Ví dụ:

// Get the shared instance of GCKUIStyle
let castStyle = GCKUIStyle.sharedInstance()
// Set the property of the desired cast widget.
castStyle.castViews.mediaControl.miniController.bodyTextColor = UIColor.red
// Refresh all currently visible views with the assigned styles.
castStyle.apply()

// Get the shared instance of GCKUIStyle.
GCKUIStyle *castStyle = [GCKUIStyle sharedInstance];
// Set the property of the desired cast widget.
castStyle.castViews.mediaControl.miniController.bodyTextColor = [UIColor redColor];
// Refresh all currently visible views with the assigned styles.
[castStyle applyStyle];

Dùng mẫu này để áp dụng kiểu bất kỳ cho mọi thành phần trên giao diện người dùng của tiện ích bất kỳ.

Bảng thành phần hiển thị và kiểu

Bảng này hiển thị 7 chế độ xem tiện ích và 3 nhóm (được đánh dấu bằng ▼) mà bạn có thể áp dụng kiểu.

Hệ thống phân cấp kiểu

GCKUIStyle singleton là điểm truy cập API cho tất cả chế độ cài đặt kiểu. Báo cáo có thuộc tính castViews là gốc của hệ phân cấp kiểu, như minh hoạ bên dưới; sơ đồ này là một cách khác để xem xét tương tự lượt xem và nhóm hiển thị trong bảng trước.

Bạn có thể áp dụng kiểu cho một tiện ích riêng lẻ hoặc cho một nhóm tiện ích. Hệ phân cấp kiểu có 3 nhóm tiện ích: CastViews, deviceControl, và mediaControl. Hình chữ nhật của mỗi nhóm bao quanh các tiện ích. Việc áp dụng một kiểu cho một nhóm sẽ áp dụng kiểu đó cho mọi tiện ích trong nhóm đó.

Ví dụ: nhóm castViews cho phép bạn áp dụng một kiểu cho mọi tiện ích và nhóm deviceControl cho phép bạn chỉ áp dụng một kiểu cho ba thiết bị của nhóm đó các tiện ích điều khiển. Tiện ích instructions không thuộc bất kỳ nhóm nào.

castViews
			deviceControl				mediaControl
	hướng dẫn		thiết bị Bộ chọn	Màn hình noDevices available (không có thiết bị có sẵn)	kết nối Bộ điều khiển		nhỏ Bộ điều khiển	đã mở rộng Bộ điều khiển	bản nhạc Bộ chọn
				điều hướng / thanh công cụ

Chú thích cuối trang: Tên tiện ích trong sơ đồ này được hiển thị trên 2 dòng phải là được viết bằng mã dưới dạng một từ, trên một dòng, không có dấu cách. Ví dụ: device Chooser phải được viết là deviceChooser. Cuộn qua hình ảnh để phóng to chúng.