Cách hiển thị hình ảnh trong Ứng dụng Android của bạn - núm vú

Sau khi thiết kế một ứng dụng Android và các biến thể của nó, bạn có thể quyết định rằng ứng dụng của bạn cần một sự tinh tế. Làm thế nào về thiết kế ứng dụng của bạn để khi người dùng nhấp vào một nút, ứng dụng của bạn sẽ hiển thị hình ảnh pizza được sắp đặt? Nút SHOW bạn thấy ở đây hoàn hảo cho việc này.

Nút SHOW.

Android có tất cả các loại tính năng để vẽ hình ảnh và hiển thị tệp tin bitmap. Đây là một cách tiếp cận có thể:

1. Khởi chạy Android Studio và tạo một dự án mới.

2. Sao chép tệp bố trí có thể tái sử dụng (reusable_layout.xml) vào chi nhánh app / res / bố cục của dự án mới trong cửa sổ công cụ Dự án.

3. Bao gồm reusable_layout trong hoạt động activity_main của dự án. xml tệp.

4. Tìm bốn hình ảnh - một cho đồng bằng, một cho pepperoni, một cho thêm pho mát, và một cho pepperoni với pho mát thêm.

   Tài liệu chính thức của Android khuyến cáo. png cho hình ảnh. Nếu bạn không có. hình ảnh png, tài liệu của Android gọi đó là. jpg định dạng "chấp nhận được. "Nếu bạn không có. png hoặc. jpg, các tài liệu nói với bạn để giữ mũi và sử dụng của bạn. gif. Nhưng hãy nhớ, bạn đang tạo ra một ứng dụng thực hành ở đây, không phải là một tác phẩm nghệ thuật. Hình ảnh của bạn không phải trông đẹp.

   Tên của tệp tài nguyên Android không được chứa chữ in hoa. Bạn chỉ có thể sử dụng chữ thường và dấu gạch dưới.

   Để làm việc với các định dạng ảnh, chương trình IrfanView rất hữu ích. Chương trình Windows này miễn phí cho mục đích sử dụng phi thương mại.

5. Trong File Explorer hoặc Finder của hệ điều hành, chọn tệp hình ảnh. Sau đó, trong menu chính, chọn Chỉnh sửa → Sao chép.

6. Trong cửa sổ Công cụ Dự án của Android Studio, chọn chi nhánh ứng dụng / thu gọn / mở rộng.

7. Trong trình đơn chính, chọn Chỉnh sửa → Dán.

   Hộp thoại Chọn Địa chỉ Đích sẽ xuất hiện.

8. Trong hộp thoại Choose Destination Directory, chọn chi nhánh có thể vẽ được (như trái ngược với một trong những nhánh có thể vẽ được-dpi), và sau đó nhấn OK.

   Trong ứng dụng thực tế, bạn sử dụng các thư mục có thể vẽ được-dpi như là các lựa chọn thay thế cho các thiết bị có mật độ màn hình cao, trung bình, cao và cao cực kỳ cao. Nhưng trong ứng dụng thực hành này, một thư mục có thể vẽ được mặc định là cách dễ nhất để sử dụng.

   Các chữ dpi có chấm trên mỗi inch. Android cảm nhận mật độ màn hình của thiết bị và sử dụng các tài nguyên có thể vẽ được thích hợp nhất-? dpi thư mục. Hãy kiểm tra trang web của nhà phát triển để tìm hiểu Android mà bạn cho là "phù hợp nhất. "

9. Nhấp chuột phải (trên Windows) hoặc nhấn Ctrl-click (trên máy Mac) nhánh app / res / drawable.

10. Trong menu xuất hiện, chọn New → File.

    Một lần nữa, hộp thoại Choose Destination Directory mang lại đầu xấu xí của nó.

11. Chọn chi nhánh có thể thu gọn, sau đó bấm OK.

    Một hộp thoại Tập tin Mới xuất hiện. Hộp thoại này chỉ có một trường - một trường cho tên của tệp mới của bạn.

    

    Hộp thoại Tập tin Mới.

12. Trong trường hộp thoại Tệp mới, đánh các mức. xml.

13. Nhấn OK để bỏ qua hộp thoại New File.

14. Sử dụng trình chỉnh sửa của Android Studio để cài đặt trình độ của bạn. file xml với mã này.

    danh sách cấp là một danh sách các bản vẽ có thể thay thế cho một thành phần hình ảnh duy nhất để hiển thị. Tại bất kỳ thời điểm nào trong quá trình chạy ứng dụng, thành phần hình ảnh có một cấp số nguyên. Bạn thiết lập mức của thành phần bằng cách sử dụng phương pháp setImageLevel.

    Khi ứng dụng của bạn gọi setImageLevel, Android sẽ bắt đầu ở đầu danh sách cấp và tìm kiếm mục đầu tiên có Android: maxLevel lớn hơn hoặc bằng cấp độ hình ảnh mới. Bạn cũng có thể gán một thuộc tính android: minLevel cho một mục. Nhưng trong hầu hết các tình huống, android: maxLevel là tất cả những gì bạn cần.

15. Thêm phần tử ImageView vào bố cục hoạt động của bạn.

    Bạn có thể kéo phần tử ImageView từ nhóm Widgets trong bảng công cụ của Công cụ thiết kế hoặc bạn có thể thêm phần tử sau vào activity_main của ứng dụng. tệp tin xml:

16. Đảm bảo rằng thuộc tính android: src của phần tử ImageView đề cập đến các cấp mới của bạn. tệp xml.

    Trong mục src trong khung nhìn Properties, tìm kiếm giá trị @ drawable / levels.

17. Mã tập tin hoạt động dự án của bạn như thế này. Gói

    . allmycode. p01_06_05; nhập khẩu android ứng dụng. Hoạt động; nhập khẩu android os. Bó; nhập khẩu android lượt xem. Thực đơn; nhập khẩu android lượt xem. MenuItem; nhập khẩu android lượt xem. Lượt xem; nhập khẩu android widget. Hộp kiểm; nhập khẩu android widget. ImageView; lớp MainActivity lớp công khai mở rộng Hoạt động {Checkbox pepBox, cheeseBox; ImageView imageView; @ Vượt qua được bảo vệ void onCreate (Bundle savedInstanceState) {super. onCreate (savedInstanceState); setContentView (bố cục R. activity_main); pepBox = (Hộp kiểm) findViewById (R. id. checkBox); cheeseBox = (Hộp kiểm) findViewById (R. id. checkBox2); imageView = (ImageView) findViewById (R. id. imageView);} public void onButtonClick (xem chế độ xem) {int level = 0; nếu (pepBox. isChecked ()) {level + = 1;} if (cheeseBox. isChecked ()) {level + = 2;} imageView. setImageLevel (level);} // Bạn không phải thêm bất kỳ mã nào nằm dưới điểm này @Override boolean công cộng onCreateOptionsMenu (Menu menu) {// … Et cetera
    

    Phương thức onButtonClick gọi phương thức setImageLevel. Giá trị của tham số phương pháp phụ thuộc vào trạng thái của các hộp kiểm hoạt động.

18. Chạy ứng dụng.

    Kết quả, cùng với một số bản vẽ đẹp của bánh pizza với các lớp phủ, được hiển thị bên dưới.

    

    Những bản vẽ đáng yêu!