Follow us on...
Follow us on Twitter Follow us on Facebook Watch us on YouTube

Smartphone WIKO của Pháp chính thức xuất hiện tại Việt Nam

Tìm HD - Phần mềm tìm và xem phim HD miễn phí

Cuộc thi khoảnh khắc tuyệt vời cùng Vn-Zoom.com

Chiêm ngưỡng BaoMoi đẹp "tuyệt diệu" trên Windows Phone

Tuyển thành viên nhóm Reviews diễn đàn

VN-Zoom & ASUS đón siêu phẩm,tăng tốc chuẩn bị ASUS Expo 2014
kết quả từ 1 tới 10 trên 10
  1. #1
    vnmobile365's Avatar
    vnmobile365 vẫn chưa có mặt trong diễn đàn Gà Con
    Tham gia
    Jun 2011
    Bài
    2
    Cảm ơn
    0
    Điểm
    11/2 bài viết
    VR power
    0

    Default Huong dan lap trinh Android(Tieng Viet) 3. Thiet ke giao dien ung dung android

    Huong dan lap trinh Android : 1.
    Huong dan lap trinh Android : 2.
    Huong dan lap trinh Android : 3.
    Huong dan lap trinh Android : 4.
    Huong dan lap trinh Android : 5.
    Huong dan lap trinh Android : 6.
    Huong dan lap trinh Android : 7.
    Thiết kế giao diện trên Android

    - Trong Android, dùng Activity để hiển thị màn hình.
    - Mỗi activity sẽ chứa các View theo dạng cấu trúc cây, nghĩa là một Layout gốc chứa các view/layout con bên trong hoặc chỉ có 1 view duy nhất. (lưu ý Layout cũng là một view nhé)
    - Có thể thiết kế giao diện trong code java hoặc trong file xml trong thư mục layout.
    1. Layout mẫu của helloworld
    HTML Code:
    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent”>
    
        <TextView  
            android:layout_width="fill_parent" 
            android:layout_height="wrap_content" 
            android:text=“@string/hello“ />
    
    </LinearLayout>
    2. Một số thuộc tính cơ bản

    - Layout_width, layout_height: chiều rộng của view (fill_parent là to bằng kích thước của layout chứa view này, wrap_content là vừa đủ nội dung cần hiển thị của view)
    - Orientation: với LinearLayout, việc sắp xếp các view là nằm kề nhau theo hàng ngang hoặc hàng dọc, ta khai báo orientation để chọn sắp theo kiểu nào (horizontal/vertical)
    - Gravity: thuộc tính này qui định các view nằm bên trong layout sẽ đặt theo vị trí nào so với layout(trung tâm, trái , phải, trên dưới…)
    - Weight: để các view phan chia tỉ lệ diện tích hiển thị trên màn hình (tỉ lệ tính theo weight của từng view trên tổng số weight, các view ko khai báo weight thì sẽ xem qua width và height)

    3. Ví dụ cơ bản
    Các bạn vào link này lấy code cho vào ứng dụng, lưu ý đọc thêm các dòng giải thích tiếng Anh nhé

    4. Giao diện với LinearLayout
    * Với LinearLayout (LL), các view bên trong nó được đặt kề nhau theo hàng ngang hoặc hàng dọc (cần lưu ý đặc điểm này)
    * Với ví dự vừa rồi, ta thấy cách phân tích như sau:
    - Nguyên tắc chủ yếu là phân nhóm các View liên tiếp kề nhau (như 3 TextView kề nhau theo hàng dọc hoặc hàng ngang trong ví dụ trên) vào trong một LL, phân rã từ lớn đến nhỏ.
    - Như vậy màn hình gồm 1 LL lớn bao bên ngoài, nhìn thấy bên trong chia thanh 2 phần trên dưới rõ ràng vậy thuộc tính của LL này là dạng dọc, sau đó chia đôi ra và phân tích tiếp.
    - Phần bên trên lại chia thành 2 nữa theo hàng ngang à là một LL dạng ngang, lại chia đôi: một bên là 1 ImageView (vì chỉ có 1 view nên ko cần bỏ vào trong LL), một bên lại là 1 LL chứa 3 TextView theo hàng dọc.
    - Nửa bên dưới ta thấy rõ ràng chứa 3 TextView kề nhau theo hàng ngang à cho vào 1 LL dạng ngang là xong. J

    5. Thực hành

    - Các bước như sau:
    + Phân tích thành phần layout trên giấy (thảo luận)
    + Phân tích đặc điểm các view
    + Add thêm resource ảnh
    + Thử trước với với tab layout (khi view file xml trong eclipse)
    + Đưa vào thực thi trên máy, đánh giá.

    6. Một số loại layout khác
    - FrameLayout: các view bên trong được qui định vị trí bằng khoảng cách so với biên trái và trên so với layout, các view có thể đè lên nhau.
    - RelativeLayout: các view được thiết kế dựa trên quan hệ giứa chúng với nhau và với layout chứa chúng.
    - AbsoluteLayout: dành cho bạn nào làm nhiều với C#, nhưng ko khuyến khích với Android nhé.

    7. Lưu ý khi thiết kế giao diện ung dung Android

    - Hạn chế độ sau của cây
    - Với các Layout phức tạp, đừng dùng RelativeLayout
    - Nên chèn vào dữ liệu tạm để xem trước layout hiển thị ra sao bên tab layout (trong eclipse), nhưng xong rồi thì nhớ xóa dữ liệu tạm đi.
    - FrameLayout có vấn đề với background
    - Muốn tìm thuộc tính gì, bấm “android:” rồi đợi suggestion sổ ra xem.

    8. Code nhanh một số ví dụ

    Thử cùng nhau ngồi code nhanh nhé (khi đã hiểu rồi thì làm sẽ rất nhanh thôi)



    ---------- Bài thêm lúc 17:05 ---------- Bài trước là lúc 16:58 ----------

    Huong dan lap trinh Android : 1.
    Huong dan lap trinh Android : 2.
    Huong dan lap trinh Android : 3.
    Huong dan lap trinh Android : 4.
    Huong dan lap trinh Android : 5.
    Huong dan lap trinh Android : 6.
    Huong dan lap trinh Android : 7.

  2. Có 2 thành viên cảm ơn vnmobile365 cho bài viết này:
    huyenmy91 (01-05-2012), nguyenducchien87 (23-03-2012)

  3. #2
    bimcuoi.vip's Avatar
    bimcuoi.vip vẫn chưa có mặt trong diễn đàn Búa Gỗ Đôi
    Tham gia
    Mar 2009
    Bài
    29
    Cảm ơn
    24
    Điểm
    2/2 bài viết
    VR power
    0

    Default

    Đây là thiết kế theme cho Androi ? Androi là HDH mở và dùng cho rất nhiều dòng máy của nhiều hãng khác nhau . Cái này đòi hỏi người biết về Java . E đang dùng Sony X10 bác chỉ ngon chút đc không
    *** đỡ được !!

  4. #3
    donkey85's Avatar
    donkey85 vẫn chưa có mặt trong diễn đàn Gà Con
    Tham gia
    Sep 2007
    Bài
    1
    Cảm ơn
    0
    Điểm: 1/1 bài viết
    VR power
    0

    Default

    cái này chỉ hương dẫn thiết kế giao diện thôi hả ? có hướng dẫn viết ứng dụng ko chủ topic

  5. Có 1 thành viên cảm ơn donkey85 cho bài viết này:
    phamanhtuanvp (03-11-2011)

  6. #4
    aragongball's Avatar
    aragongball vẫn chưa có mặt trong diễn đàn Búa Gỗ Đôi
    Tham gia
    Feb 2008
    Bài
    30
    Cảm ơn
    0
    Điểm
    2/2 bài viết
    VR power
    0

    Default

    Tôi tưởng ông làm gì hóa ra ông chèn mấy thứ vớ vẩn thật đấy

  7. #5
    khang2007's Avatar
    khang2007 vẫn chưa có mặt trong diễn đàn Gà Con
    Tham gia
    Jul 2007
    Bài
    4
    Cảm ơn
    0
    Điểm
    0/0 bài viết
    VR power
    0

    Default

    ông này quảng cáo trang web xemphimonline chứ hướng dẫn lập trình android gì

  8. #6
    bach92's Avatar
    bach92 vẫn chưa có mặt trong diễn đàn Gà Con
    Tham gia
    Oct 2008
    Bài
    3
    Cảm ơn
    2
    Điểm
    0/0 bài viết
    VR power
    0

    Default

    vậy mà cũng ghi hướng dẫn lập trình đc??? sao ko nói vào trang developper.android.com là có hết luôn đi

  9. #7
    bodyguard266's Avatar
    bodyguard266 vẫn chưa có mặt trong diễn đàn Rìu Vàng Đôi
    Tham gia
    May 2008
    Bài
    991
    Cảm ơn
    59
    Điểm
    441/316 bài viết
    VR power
    0

    Default

    Click vào sao toàn ra trang ko zậy
    x-(

  10. #8
    duychutraiga's Avatar
    duychutraiga vẫn chưa có mặt trong diễn đàn Gà Con
    Tham gia
    Apr 2009
    Bài
    4
    Cảm ơn
    0
    Điểm
    0/0 bài viết
    VR power
    0

    Default

    mode đâu để thằng này lộng hành thế ?

  11. #9
    vzoozgroup's Avatar
    vzoozgroup vẫn chưa có mặt trong diễn đàn Thành viên đang bị kỷ luật
    Tham gia
    Jun 2011
    Bài
    39
    Cảm ơn
    13
    Điểm
    0/0 bài viết
    VR power
    0

    Default

    Bị lừa tình rồi pà kon ơi.

  12. #10
    taingo170's Avatar
    taingo170 vẫn chưa có mặt trong diễn đàn Búa Gỗ
    Tham gia
    Sep 2011
    Bài
    18
    Cảm ơn
    10
    Điểm
    14/8 bài viết
    VR power
    0

 

 

Quyền sử dụng

  • Bạn không thể gửi chủ đề mới
  • Bạn không thể gửi trả lời
  • Bạn không thể gửi file đính kèm
  • Bạn không thể tự sửa bài viết của mình
  •