HƯỚNG DẪN CÁCH LÀM CODE ĐỂ XOAY MÀN HÌNH TRONG ANDROID Web trên nền tảng di động hiện đang là một xu thế. Người dùng sử dụng thiết bị di động để lướt web ngày càng nhiều. Và mong muốn khi người dùng quay dọc màn hình thì sử dụng giao diện thứ nhất, khi người dùng quay ngang màn hình thì tự động sử dụng giao diện thứ 2. Android đã hỗ trợ sẵn để chúng ta thực hiện điều này mà không cần phải code dòng nào. Web trên nền tảng di động hiện đang là một xu thế. Người dùng sử dụng thiết bị di động để lướt web ngày càng nhiều. Và mong muốn khi người dùng quay dọc màn hình thì sử dụng giao diện thứ nhất, khi người dùng quay ngang màn hình thì tự động sử dụng giao diện thứ 2. Android đã hỗ trợ sẵn để chúng ta thực hiện điều này mà không cần phải code dòng nào. Ví dụ chúng ta đang muốn thiết kế cùng một màn hình có 2 kiểu hiển thị như sau: Hiển thị 1 Hiển thị 2 Rõ ràng 2 layout trên hoàn toàn khác nhau. Để tạo layout cho trường hợp màn hình nằm ngang cho cùng 1 giao diện, chúng ta thực hiện như sau: Tạo thư mục res/layout-land Tạo tập tin có cùng tên với tập tin layout đã có cho trường hợp màn hình dọc Ví dụ trong trường hợp trên chúng ta sẽ tạo 2 tập tin tương ứng nhau như sau: res/layout/game-intro.xml res/layout-land/game-intro.xml Và lần lượt viết code xml trong 2 tập tin đó như sau: (Cấu trúc câu lệnh bị thiếu, để tiện cho việc hiển thị, nên các lập trình viên lưu ý khi copy) "1.0" encoding="utf-8"?> "http://schemas.android.com/apk/res/android" android:background="@color/background" android:layout_height="fill_parent" android:layout_width="fill_parent" android:padding="30dip" android:orientation="horizontal"> LinearLayout android:orientation="vertical" android:layout_height="wrap_content" android:layout_width="fill_parent" android:layout_gravity="center"> TextView android:text="@string/main_title" android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_gravity="center" android:layout_marginBottom="25dip" android:textSize="24.5sp" /> Button android:id="@+id/continue_button" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Continue..." /> Button android:id="@+id/new_button" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="New Game..." /> Button android:id="@+id/about_button" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="About..." /> Button android:id="@+id/exit_button" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Exit..." /> "1.0" encoding="utf-8"?> LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:background="@color/background" android:layout_height="fill_parent" android:layout_width="fill_parent" android:padding="10dip" android:orientation="vertical"> LinearLayout android:orientation="vertical" android:layout_height="wrap_content" android:layout_width="fill_parent" android:layout_gravity="center"> TextView android:text="@string/main_title" android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_gravity="center" android:layout_marginBottom="10dip" android:textSize="30sp" /> /LinearLayout> LinearLayout android:orientation="horizontal" android:layout_height="wrap_content" android:layout_width="fill_parent" android:layout_gravity="center"> Button android:id="@+id/continue_button" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="Continue..." /> Button android:id="@+id/new_button" android:layout_weight="1" android:layout_width="0dp" android:layout_height="wrap_content" android:text="New Game..." /> /LinearLayout> LinearLayout android:orientation="horizontal" android:layout_height="wrap_content" android:layout_width="fill_parent" android:layout_gravity="center"> Button android:id="@+id/about_button" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="About..." /> Button android:id="@+id/exit_button" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="Exit..." /> /LinearLayout> /LinearLayout> Hy vọng với những hướng dẫn trên có thể giúp bạn thiết kế việc xoay màn hình trong Android thật đơn giản và dễ dàng. Mọi khó khăn khi tiếp cận với một ngôn ngữ lập trình mới hay cần sự tư vấn, định hướng theo ngôn ngữ lập trình nào, công nghệ nào, phương pháp học hiệu quả,…? Các bạn hãy liên hệ với Stanford qua số hotline: (04) 6275.2212 - 0936.172.315 - 0963.723.236 để được gọi lại tư vấn miễn phí. Stanford hân hạnh được đồng hành cùng bạn! Tags: