{{htmlmetatags>metatag-robots=() 
metatag-media-og:image=(:developer_center:developer_editor:bíahopuicb.jpg?)}}
====== ★ Codeblock Cửa Hàng Vật Phẩm UI ======
=== Trigger hoạt động ===
{{ :developer_center:developer_editor:ui_shop__1_.mp4?direct&600 |}}

----
**0. Tạo giao diện cửa hàng, thêm các thành phần cần thiết** 
{{ :developer_center:developer_editor:UI_Shop_ (2).png?direct&600 |}}

Thêm thành phần văn bản hiện thị số dư, nút đóng giao diện — ẩn thành phần ( Thoát cửa hàng )
{{ :developer_center:developer_editor:UI_Shop_ (3).png?direct&600 |}}

Thêm tập các thành phần hiển thị hình ảnh vật phẩm, thông tin vật phẩm, giá tiền, nút mua ... 
{{ :developer_center:developer_editor:UI_Shop_ (4).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (5).png?direct&600 |}}

=== Các thành phần: ===
  * Hình ảnh: Vật phẩm 
  * Văn bản: Tên Vật Phẩm
  * Nút: Mua ( Nên sắp xếp ở vị trí dễ thao tác, kích thước lớn, bắt buộc phải có )
  * Văn bản: Giá tiền ( Sử dụng màu phù hợp dễ nhìn, kích cỡ văn bản phù hợp )
  * Nút: Xem quảng cáo ( Thêm khi muốn có chức năng xem quảng cáo nhận vật phẩm)
{{ :developer_center:developer_editor:UI_Shop_ (6).png?direct&600 |}}

Sao chép thành phần đó ra với số lượng thích hợp cho bản đồ đang xây dựng
{{ :developer_center:developer_editor:UI_Shop_ (7).png?direct&600 |}}

Thiết lập hình ảnh, văn bản cần thiết 
{{ :developer_center:developer_editor:UI_Shop_ (8).png?direct&600 |}}

Tạo biến số riêng: Trị số "Tiền" để sử dụng làm tiền tệ ảo trong bản đồ ( Khuyến cáo nên sử dụng biến riêng trị số — có thể sử dụng các tài nguyên khác thay thế )
{{ :developer_center:developer_editor:UI_Shop_ (9).png?direct&600 |}}

**1. Tạo trigger mở giao diện — hiển thị thành phần ( Mở cửa hàng ) và trigger đóng giao diện — ẩn thành phần ( Thoát cửa hàng ). Bài hướng dẫn sẽ sử dụng các chức năng đóng mở giao diện, chức năng ẩn hiện thành phần có thể sử dụng tương tự**

=== Mở giao diện: ===
Tạo sự kiện để mở cửa hàng ( Tuy chức năng mỗi bản đồ). Thêm hành động đặt nội dung văn bản: 'Số dư' thành giá trị biến riêng: "Tiền" để cập nhật số dư hiện có trước khi mở giao diện ( Sử dụng hiệu ứng sẵn có của trò chơi để khi mở cửa hàng trở lên sống động hơn )
{{ :developer_center:developer_editor:UI_Shop_ (10).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (11).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (12).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (13).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (14).png?direct&600 |}}

=== Đóng giao diện: ===
Tạo sự kiện người chơi ấn nút 'Thoát' sẽ đóng giao diện ( Sử dụng hiệu ứng sẵn có của trò chơi để khi đóng cửa hàng trở lên sống động hơn ) 
{{ :developer_center:developer_editor:UI_Shop_ (15).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (16).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (17).png?direct&600 |}}

**2. Tạo trigger mua hàng** 
Tạo trigger người chơi mua vật phẩm "M416 Golden" 
{{ :developer_center:developer_editor:UI_Shop_ (18).png?direct&600 |}}

Tạo sự kiện người chơi nhấp nút 'Mua' với điều kiện giá trị biến riêng trị số: "Tiền" lớn hơn hoặc bằng giá tiền: 999 ( Số dư lớn hơn giá tiền )
{{ :developer_center:developer_editor:UI_Shop_ (19).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (20).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (21).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (22).png?direct&600 |}}

Tạo hành động đặt giá trị biến riêng: "Tiền" thành giá trị "Tiền" trừ giá tiền: 999 ( Số dư trừ giá tiền ). Thêm hành động đặt nội dung văn bản: 'Số dư' thành giá trị biến riêng: "Tiền" để cập nhật lại số dư hiện có
{{ :developer_center:developer_editor:UI_Shop_ (23).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (24).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (25).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (26).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (27).png?direct&600 |}}

Thêm vật phẩm mua vào balo người chơi và phát lệnh thông báo 
{{ :developer_center:developer_editor:UI_Shop_ (28).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (29).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (30).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (31).png?direct&600 |}}

**3. Trigger xem quảng cáo nhận miễn phí **
Tạo mẫu trigger, cài điều kiện xác định người chơi hoàn thành xem quảng cáo 
{{ :developer_center:developer_editor:UI_Shop_ (32).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (33).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (34).png?direct&600 |}}

Sao chép hành động từ trigger mua hàng trước đó dán vào hành động trigger này và loại bỏ hành động đặt giá trị: "Tiền" của người chơi, hành động đặt nội dung văn bản giá trị: "Tiền", sửa đổi thông báo cho phù hợp
{{ :developer_center:developer_editor:UI_Shop_ (35).png?direct&600 |}}
{{ :developer_center:developer_editor:bs_uishopcodeblock.jpg?direct&600 |}}
{{ :developer_center:developer_editor:bs_uishopcodeblock2.jpg?direct&600 |}}

Tạo trigger người chơi nhấp nút xem quảng cáo sẽ phát quảng cáo
{{ :developer_center:developer_editor:UI_Shop_ (37).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (38).png?direct&600 |}}
{{ :developer_center:developer_editor:UI_Shop_ (39).png?direct&600 |}}

----
Nếu bạn có bất kỳ câu hỏi nào về Chế Độ DEV Nâng Cao, vui lòng tham gia\\
 **[[https://www.facebook.com/groups/miniworldvn.developer|Mini World Developer Việt Nam]]** chính thức của chúng tôi