Học Unity2D: scripts

<div class="p1">
<span class="s1">Giới thiệu</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEK3wcWS2WDqE9wVZK-9BwZr7Cb92jRjkJZsUSaiDUzOgBmYK0rBia9vbhbhK0-YyJ7zxp0vC0DjFZqUzDJA97KKpcHisr41YL0tMZuhduAFV4uj8HNCK7ka9XlDHCAEC7KEz9MZfYdfo/s1600/icon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEK3wcWS2WDqE9wVZK-9BwZr7Cb92jRjkJZsUSaiDUzOgBmYK0rBia9vbhbhK0-YyJ7zxp0vC0DjFZqUzDJA97KKpcHisr41YL0tMZuhduAFV4uj8HNCK7ka9XlDHCAEC7KEz9MZfYdfo/s320/icon.png" width="320" /></a></div>
<br />
<div class="p1">
<span class="s1">Nhận xét đầu tiên của tôi khi dùng Unity là một Engine tuyệt vời để phát triển game bởi vì nó rất dễ dàng ,nhanh và còn rất nhiều hỗ trợ tiện lợi so với những Engine khác. Nhưng có một điểm tôi không được hài lòng ở các bản Unity trước là hệ thống GUI cũ ,nó là khá tốn thời gian để ta tạo ra giao diện điều khiển bởi vì tất cả ta đều phải viết code trong hàm OnGUI và khi ta chạy game thì mới nhìn thấy những đối tượng GUI ta tạo ra , điều này khá là khó chịu và mất nhiều thời gian để chỉnh sửa . Cách giải quyết trước đây là ta sẽ phải dùng một gói hỗ trợ của bên thứ 3 gọi là NGUI để tiện lợi hơn khi tạo giao diện . Điều này cũng không mấy dễ chịu vì ta phải mất một khoản phí để được dùng NGUI và ta phải thêm một package vào project. Có vẻ như những nhà phát triển Unity đã nhận thấy những bất hợp lý đó và từ phiên bản Unity 4.6 họ đã cung cấp một hệ thống GUI mới . Nhận xét đầu tiên của tôi là nó rất tuyệt , nó khá trực quan và dễ dùng giờ đây để tạo ra giao diện menu chúng ta đơn giản chỉ việc kéo thả mà thôi nó sẽ rất tiết kiệm thời gian và tạo cảm giác thoả mái khi ta làm việc .<br /><br />

</span></div>
<div class="p1">
<span class="s1">Các thành phần chính của GUI</span></div>
<div class="p1">
<span class="s1">
</span></div>
<ul class="ul1">
<li class="li1"><span class="s1">Canvas : đây là phần gốc để chứa các thành phần giao diện khác , tưởng tượng đây là một tấm lưới vô hình để vẽ các button, image, text, ... lên nó</span></li>
<li class="li1"><span class="s1">Rect Transform : đây là thành phần định vị cho tất cả các đối tượng GUI trong Canvas , nó giúp ta điều chỉnh vị trí, điểm neo, trụ, và nhiều thứ khác của đối tượng GUI</span></li>
<li class="li1"><span class="s1">Button : là đối tượng nút bấm</span></li>
<li class="li1"><span class="s1">Image : là thành phần đồ hoạ hình ảnh chính cho các đối tượng như button, panel, slider ...</span></li>
<li class="li1"><span class="s1">Text : dùng để hiển thị hình ảnh văn bản, tên button, label ...</span></li>
<li class="li1"><span class="s1">Events and Event Triggers : đây là thành phần mới có từ bản 4.6 này</span></li>
<li class="li1"><span class="s1">Slider</span></li>
<li class="li1"><span class="s1">Transitions : thành phần này giúp ta có thể tạo ra các animation , các chuyển đổi giữa các trạng thái</span></li>
<li class="li1"><span class="s1">Scroll Rect : cuộn theo chiều dọc và chiều ngang</span></li>
<li class="li1"><span class="s1">Scrollbar : thanh cuộn nội dung</span></li>
<li class="li1"><span class="s1">Mark : dùng để ẩn một phần đối tượng UI image , nó cũng dùng để tạo một không gian để tạo hình ảnh động của đối tượng image<br /><br /><br />

<div class="p1">
<span class="s1">Cách sử dụng</span></div>
<div class="p1">
<span class="s1">Với các bản Unity trước để tạo ra các thành phần UI như là button thì ta phải viết code tạo ra chúng trong hàm OnGui như sau</span></div>
<div class="p2">
<span class="s1">using UnityEngine;</span></div>
<div class="p2">
<span class="s1">using System.Collections;</span></div>
<div class="p3">
<span class="s1"></span><br /></div>
<div class="p2">
<span class="s1">public class ExampleClass : MonoBehaviour {</span></div>
<div class="p2">
<span class="s1">public Texture btnTexture;</span></div>
<div class="p2">
<span class="s1">void OnGUI() {</span></div>
<div class="p2">
<span class="s1">    if (!btnTexture) {</span></div>
<div class="p2">
<span class="s1">        Debug.LogError("Please assign a texture on the inspector");</span></div>
<div class="p2">
<span class="s1">        return;</span></div>
<div class="p2">
<span class="s1">    }</span></div>
<div class="p2">
<span class="s1">    if (GUI.Button(new Rect(10, 10, 50, 50), btnTexture))</span></div>
<div class="p2">
<span class="s1">        Debug.Log("Clicked the button with an image");</span></div>
<div class="p3">
<span class="s1"></span><br /></div>
<div class="p2">
<span class="s1">    if (GUI.Button(new Rect(10, 70, 50, 30), "Click"))</span></div>
<div class="p2">
<span class="s1">        Debug.Log("Clicked the button with text");</span></div>
<div class="p3">
<span class="s1"></span><br /></div>
<div class="p2">
<span class="s1">}</span></div>
<div class="p2">
<span class="s1">}</span></div>
<div class="p1">
<span class="s1">và sau khi chạy lên bạn mới nhìn được những gì mình vừa tạo ra trông nó như thế nào đã đúng ý mình chưa , điều này rất bất tiện và mất thời gian.</span></div>
<div class="p1">
<span class="s1">Bây giờ với bản Unity 4.6 trở lên bạn có thể tạo ra các giao diện người dùng chỉ với những thao tác nhấp chuột và kéo thả .</span></div>
<div class="p1">
<span class="s1">Ta sẽ thiết kế một giao diện các màn hình như sau .</span></div>
</span></li>
</ul>

hương dẫn sử dụng GUI unity 4.6

Giới thiệu Nhận xét đầu tiên của tôi khi dùng Unity là một Engine tuyệt vời để phát triển game bởi vì nó rất dễ dàng ,nhanh và còn rất...

Đọc thêm »

Học Unity2D

Translate

Bài số hai

hương dẫn sử dụng GUI unity 4.6

comment