Từ bài viết trước thì đây là bài viết về cách làm quen lập trình Android với Project phần 2 thì Hoàn Vũ của chúng tôi đã giới thiệu với tất cả các bạn về việc hướng dẫn tạo Project với phần này chúng tôi sẽ hướng dẫn các bạn về các bước lập trình giao diện
Phần 2 : Lập trình giao diện :
Màn hình giao diện nằm trong file main.xml trong thư mục ../res/layout của ứng dụng. Ta nhấp đúp vào main.xml thì màn hình thiết kế giao diện sẽ hiện ra ởgiữa màn hình cùng với các control.
Ta thiết lập lại Config đóng khung hồng nhạt là Potrait để thiết kế màn hình đứng thay vì nằm ngang như hiện tại. Bên trái phần Layout và View lần lượt giúp bạn tạo khung chứa để chứa các Views trong phần Views mà các bạn kéo vào từ bên trái. Một cách khác để thêm giao diện vào màn hình là dùng các nút lệnh bên tay phải được bao bởi màu vàng .
Phần Outlines này được thiết kế để giúp nhà phát triển nhìn rõ được giao diện chương trình theo dạng cây với các thuộc tính được biểu thị ngay dưới Tab Properties được bao bởi màu vàng ngay bên dưới màn hình. Ta có thể thay đổi thuộc tính các Layout và Views ngay đây. Các nút mũi tên xanh lên xuống dùng để di chuyển layout và View lên xuống trong từng cấp bậc thứ tự còn nút cộng và trừ giúp ta thêm hay xóa các Views ngay trên màn hình. Ta tạo giao diện màn hình theo trình tự sau:
- Chỉnh lại Config là Portrait
- Trên Outlines, nhấp chọn TextView và nhấn vào dấu trừ màu đỏ để xóa TextViews đó đi.
- Dùng chuột kéo rê layout LinearLayout trong Layouts vào màn hình thiết kế.
- Nhấp chọn LinearLayout mới vừa kéo vào trên Outlines và nhấp vào dấu cộng màu xanh để thêm vào một TextView và EditViews tương ứng với Label và TextBox bên C#.
- Ta sẽ thấy hop thoai
- Ta thêm vào TextView và vào thuộc tính Text ở tab Properties đổi thành chuỗi Mời bạn nhập tên. Chú ý: tùy thuộc vào từng hệ điều hành của máy trạm bạn đang dùng cho nên tốt nhất bạn nên chạy chương trình gõ tiếng Việt với quyền Administrator mới có thể gõ tiếng Việt có dấu trên Eclipse.
- Tiếp tục nhấp chọn LinearLayout01 và nhấp chọn nút dấu cộng màu xanh và tiếp tục thêm vào một EditText. Ta nhấp chọn EditText mới vừa thêm và xóa các chuỗi ở thuộc tính Text của nó ở dưới tab Properties. Sửa thuộc tính Single line thành false, và thuộc tính Width thành 200 dip (với dip là đơn vị kích thước)
- Nhấp chọn vào LinearLayout trên cùng của cây giao diện trên Outline, kế tiếp nhấp vào dấu cộng để hiện khung thoại và thêm vào một LinearLayout thứ 2. Cũng nhấp chọn vào LinearLayout02 mới vừa thêm vào và nhấp chọn dấu cộng để thêm vào Button.
- Nhấp chọn Button và vào thuộc tính Text và sửa thành Chào Android. Ta cần chú ý thêm là các đối tượng nào sẽ được thiết lập lại các thuộc tính hay các hành động thì ta nên sửa lại thuộc tính ID cho dễ nhớ. Do TextView01 không thay đổi thuộc tính hay phương thức nên ta để nguyên ID, còn EditText01 và Button01 sẽ thay đổi thuộc tính và sự kiện nhấp chọn nên ta lần lượt sửa lại thuộc tính ID trong tab Properties của chúng cho dễ nhớ .
- Nhấp chọn TextView01 vào thuộc tính ID sửa lại thành @+id/EditTextTenCuaBan và tương tự cho Button01 thành @+id/ButtonChaoAndroid. Những ID này sẽ là định danh cho các đối tượng trong lập trình các sự kiện và thuộc tính của chúng trong Android.
- Ta “điệu đàng” tí xíu như canh chỉnh thuộc tính Layout gravity của LinearLayout02 thành center để canh giữa ButtonChaoAndroid.
Các bạn có thể xem tập tin giao diện của chúng ta mới vừa tạo lập dưới hình thức “xương xẩu” .xml bằng cách click vào tab main.xml ngay dưới tay trái của màn hình hiệu chỉnh.
Các bạn có thể lập trình trực tiếp bằng dòng lệnh xml nhưng chúng tôi e rằng nó sẽ khó khăn hơn nhiều so với việc kéo thả hay cách thêm vào như chúng tôi đề nghị . Như vậy, tạo màn hình giao diện bước đầu đã hoàn thành xong . Mọi chi tiết xin liên hệ với chúng tôi nếu có nhu cầu về dịch vụ gia công và viết ứng dụng từ việc lập trình Android tại Hoàn Vũ Solutions
Công ty TNHH giải pháp CNTT Hoàn Vũ
- Địa Chỉ: 265 Hoàng Hoa Thám, Phường 13, Quận Tân Bình, Hồ Chí Minh
- Email: leenguyen@hoanvusolution.com
- Tell: (08) 62 961 338
Mời bạn tiếp tục xem tiếp bài viết : làm quen lập trình Android vời Project phần 3
0 nhận xét:
Đăng nhận xét