Làm thế nào để Thêm một hình ảnh vào ứng dụng Android của bạn - những hình núm vú

Thêm hình ảnh vào ứng dụng Android rất đơn giản: Kéo chúng từ thư mục nơi chúng được lưu trữ vào thư mục src / main / res / drawable-xxhdpi, như được hiển thị trong các con số sau đây.

Đối với chế độ im lặng Bật / tắt ứng dụng, bạn cần hai hình ảnh chuông: tắt và bật. Đảm bảo đặt cả hai hình ảnh trong thư mục src / main / res / drawable-xxhdpi.

Khi bạn kéo hình ảnh vào Android Studio, nó tái tạo thư mục tạo / tạo, và tệp tin R.java được cập nhật để bao gồm tham chiếu đến hai hình ảnh mới bạn đã thêm vào.

Bạn có thể sử dụng tham chiếu đến các tài nguyên này để thêm hình ảnh vào bố cục của bạn trong mã hoặc định nghĩa XML. Bạn khai báo chúng trong cách bố trí XML.

Để thêm một hình ảnh vào layout, hãy gõ vào phần activity_main. tệp xml, ghi đè lên nội dung hiện tại của tệp:

Mã này thêm vào ImageView bên trong FrameLayout. Một ImageView cho phép bạn chiếu một hình ảnh lên màn hình trên thiết bị.

Thiết lập các thuộc tính của hình ảnh

ImageView của bạn chứa một số thuộc tính tham số mới:

• thuộc tính android: id = "@ + id / phone_icon" : Thuộc tính id định nghĩa duy nhất nhận dạng cho chế độ xem trong hệ thống Android.

• Các thuộc tính layout_width và layout_height : Bạn đã sử dụng layout_width và layout_height trong FrameLayout của bạn, nhưng ở đó bạn đặt chúng để match_parent. Đối với ImageView, bạn muốn kích thước ImageView giống với hình ảnh hiển thị, do đó, đặt kích thước layout_width và layout_height của wrap_content để "quấn" nội dung bên trong khung nhìn. Nếu bạn đã đặt chiều cao và chiều rộng phù hợp, Android sẽ thu nhỏ hình ảnh lên quá lớn để chiếm toàn bộ màn hình. Thử nó!

• layout_gravity : Thuộc tính này xác định cách đặt khung nhìn (cả x - và y -> trục) với cha mẹ của nó. Trong ví dụ này, giá trị được định nghĩa là hằng số trung tâm. Vì ImageView nhỏ hơn FrameLayout, sử dụng layout_gravity = trung tâm chỉ thị cho hệ thống Android đặt ImageView ở giữa FrameLayout chứ không phải ở vị trí mặc định phía trên bên trái. Bạn có thể sử dụng nhiều hằng số khác, chẳng hạn như center_vertical, center_horizontal, trên cùng, dưới cùng, trái, phải và nhiều hơn nữa. Xem FrameLayout. LayoutParams Tài liệu Android dành cho danh sách đầy đủ. Thuộc tính

• android: src = "@ drawable / ringer_on" : Bạn sử dụng thuộc tính này để đặt hình ảnh mà bạn muốn hiển thị trên màn hình. Lưu ý giá trị của thuộc tính src - "@ drawable / ringer_on". Bạn có thể tham chiếu tài nguyên có thể vẽ được qua XML bằng cách nhập ký tự "at" (@) và loại và id của tài nguyên mà bạn muốn.

Một số thuộc tính Android bắt đầu bằng tiền tố layout_ - android: layout_width, android: layout_height và android: layout_ trọng lực là tất cả các ví dụ. Quy ước layout_ nói với bạn rằng thuộc tính này liên quan đến

parent của chế độ xem. Thuộc tính không bắt đầu bằng cách bố trí liên quan đến chế độ xem. Vì vậy, thuộc tính android: src của ImageView cho ImageView biết sử dụng hình ảnh nào, nhưng android của nó: layout_gravity báo cho bố mẹ của ImageView (FrameLayout, trong trường hợp này) để đặt ImageView ở giữa của cha mẹ. Thiết lập tài nguyên có thể thu thập được

Trong ImageView của bạn, bạn đặt hình ảnh src to @ drawable / ringer_on. Bạn không nhập @ drawable-xxhdpi / ringer_on cho mã nhận dạng tài nguyên có thể thu gọn, bởi vì đó là công việc của Android (không phải của bạn) để tìm ra hình ảnh kích thước chính xác cho màn hình thiết bị hiện tại. Khi chạy, Android xác định mật độ nào là chính xác cho thiết bị đó và tải các bản vẽ phù hợp gần nhất.

Ví dụ: nếu ứng dụng đang chạy trên thiết bị có mật độ trung bình và tài nguyên có thể thu thập được yêu cầu có sẵn trong thư mục có thể chèn-mdpi, Android sẽ sử dụng tài nguyên đó. Nếu không, nó sử dụng kết hợp gần nhất mà nó có thể tìm thấy. Hỗ trợ cho các kích cỡ và mật độ màn hình khác nhau là một chủ đề rộng (và có thể phức tạp!).

Phần ringer_on của định danh xác định được bản vẽ mà bạn muốn sử dụng. Tên tệp hình ảnh là ringer_on. png. Nếu bạn mở tệp R. java trong thư mục tạo / tạo, bạn sẽ thấy một trường tĩnh có tên phone_on.

Bạn có thể sử dụng hoàn thành mã để xem các tài nguyên có sẵn trong Android Studio. Đặt con trỏ trực tiếp sau @ drawable / trong thuộc tính src của ImageView trong trình chỉnh sửa Android Studio và nhấn Ctrl + phím cách. Cửa sổ hoàn thành mã sẽ mở ra, như được hiển thị. Các tên tài nguyên khác trong cửa sổ là các tùy chọn khác mà bạn có thể chọn cho phần src của định nghĩa có thể thu gọn.