Cách tạo "Look" cho ứng dụng Android của bạn với Java - núm vú

Hướng dẫn chung trong phát triển ứng dụng Android sẽ cho bạn biết logic riêng biệt từ bản trình bày. Trong các thuật ngữ kém kỹ thuật, hướng dẫn cảnh báo về việc khó hiểu những gì một ứng dụng làm với ứng dụng. Hướng dẫn áp dụng cho nhiều khía cạnh của cuộc sống. Ví dụ: nếu bạn đang thiết kế một trang web, hãy yêu cầu nghệ sĩ làm bố cục và có chuyên gia làm việc về mã hóa. Nếu bạn đang viết báo cáo, hãy lấy ý tưởng trước tiên. Sau đó, bạn có thể lo lắng về phông chữ và phong cách đoạn văn.

Các tài liệu về phát triển ứng dụng mô tả các kỹ thuật và khuôn khổ cụ thể để giúp bạn tách mẫu ra khỏi chức năng.

Để thêm các nút, hộp và các tiện ích khác vào ứng dụng của bạn, hãy thực hiện theo các bước sau:

1. Khởi chạy Android Studio và bắt đầu Dự án mới. Khi bạn hoàn thành các bước này, bạn có một dự án hoàn toàn mới với hoạt động trống rỗng. Dự án xuất hiện trong cửa sổ chính của Studio Studio.
2. Trong nhánh app / res / layout của dự án mới (trong cửa sổ công cụ Dự án của cửa sổ chính), nhấp đúp vào activity_main. xml . Kết quả là công cụ Thiết kế của Studio Studio hiển thị nội dung của activity_main. xml . Công cụ thiết kế có hai chế độ: Thiết kế chế độ để kéo và thả chỉnh sửa trực quan và Chế độ văn bản để chỉnh sửa mã XML. Vì vậy dưới cùng của công cụ Thiết kế có hai tab: tab Thiết kế và tab Văn bản.
3. Nhấp vào tab Thiết kế.

   

   Trong chế độ Thiết kế, bạn sẽ thấy bảng màu, cây thành phần, hai màn hình xem trước, và panel Properties.

   Nếu bạn không thấy bảng màu, hãy tìm nút Palette nhỏ ở cạnh bên trái của công cụ Thiết kế. Nếu bạn nhấp vào nút đó, bảng màu sẽ xuất hiện.

   Cây thành phần có một nhánh có nhãn TextView - "Hello World! " Chi nhánh này đại diện cho văn bản Hello World! xuất hiện tự động như một phần của ứng dụng. Bạn không cần văn bản này trong ứng dụng của mình.

4. Chọn nhánh TextView - "Hello World!" trong cây thành phần, sau đó nhấn Delete. Chi nhánh "Hello World" biến mất khỏi cây thành phần và các từ Hello World! biến mất khỏi màn hình xem trước.

   Một vài bước tiếp theo hướng dẫn bạn qua việc tạo ứng dụng.

   

   Bố cục của ứng dụng có ba loại thành phần khác nhau và mỗi loại thành phần đều theo một số tên khác nhau. Dưới đây là ba loại thành phần:
   • EditText (còn gọi là văn bản thuần): Một nơi mà người dùng có thể chỉnh sửa một dòng văn bản. Tên chung của loại thành phần này là trường văn bản.
   • Nút : Một nút là một nút là một nút. Bạn có muốn bấm vào nút? Đi ngay trước và nhấp vào nó.
   • TextView (còn được gọi là Plain TextView, Văn bản Lớn, Văn bản Trung bình, v.v.): Một nơi mà ứng dụng hiển thị văn bản. Thông thường, người dùng không chỉnh sửa văn bản trong một thành phần TextView .

     Để biết chính xác, các thành phần của EditText , Button của Android và TextView không phải là các thành phần thực sự khác nhau. Mỗi thành phần EditText là một loại TextView , và mỗi Nút cũng là một loại TextView . Trong ngôn ngữ lập trình hướng đối tượng, lớp EditText mở rộng lớp TextView . Lớp Button cũng mở rộng lớp TextView .

5. Kéo một văn bản thuần túy (tức là, EditText ) từ nhóm Widgets của palette đến một trong các màn hình xem trước. Các mục văn bản thuần có thể đất ở một nơi xấu xí-tìm kiếm. Không sao đâu. Bạn không tạo ra một tác phẩm nghệ thuật. Bạn đang học cách viết mã Java.
6. Lặp lại Bước 5, lần này đặt một mục Nút trên màn hình xem trước. Đặt thành phần Button bên dưới thành phần Plain Text (EditText). Sau đó, nếu bạn không thích nơi bạn đặt thành phần Nút, bạn có thể dễ dàng di chuyển nó bằng cách kéo nó ở nơi khác trên màn hình xem trước.
7. Lặp lại bước 6, lần này đặt thành phần TextView trên màn hình xem trước. Đặt TextView thành phần dưới thành phần Nút nhưng, một lần nữa, tùy thuộc vào bạn.

   Trong các bước còn lại, bạn thay đổi văn bản xuất hiện trong mỗi thành phần.

8. Chọn phần Nút trên màn hình xem trước hoặc trong cây thành phần. Kết quả là ngăn Thuộc tính của công cụ thiết kế hiển thị một số thuộc tính của thành phần nút.

   

   Sau khi chọn thành phần Nút , bạn có thể thấy từ TextView trong bảng thuộc tính. Đừng lẫn lộn điều này với thành phần TextView mà bạn đã kéo từ bảng trong Bước 7. Với nút được chọn, tất cả các trường trong ngăn Thuộc tính sẽ tham khảo thành phần Nút đó. Nếu sự xuất hiện của từ TextView trong bảng thuộc tính làm bạn bối rối, hãy tham khảo biểu tượng Kỹ thuật Stuff ở Bước 4. (Nếu từ TextView không làm bạn bối rối, đừng hãy đọc biểu tượng Technical Stuff!)
9. Trong ngăn Properties, trong trường có nhãn văn bản, nhập từ COPY. Khi bạn làm vậy, từ COPY xuất hiện trên mặt của thành phần Nút . Bạn có thể kiểm tra bằng cách nhìn vào màn hình xem trước wysiwyg.

   Trong ngăn Properties, bạn có thể thấy hai trường có nhãn văn bản. Nếu vậy, một là để thử nghiệm và một là để chạy các ứng dụng. Khi nghi ngờ, bạn không nên gõ từ COPY trong cả hai trường.

10. Lặp lại các bước 8 và 9 với các thành phần EditText và TextView của hoạt động, nhưng lần này, không đặt từ COPY vào các thành phần đó. Thay vào đó, loại bỏ các ký tự khỏi các thành phần này.Khi bạn hoàn tất, màn hình xem trước trông giống như các màn hình bên dưới. Nếu màn hình xem trước của bạn không giống như thế này, đừng lo lắng về nó. Các thành phần của bạn có thể bị rải rác ở những nơi khác nhau trên màn hình xem trước hoặc người sáng tạo của Android Studio có thể đã thay đổi cách màn hình xem trước nhìn. Miễn là bạn có thành phần EditText , thành phần Nút và thành phần TextView , bạn vẫn ổn.
11. Chọn Tệp → Lưu Tất cả để lưu tác phẩm của bạn cho đến thời điểm này.