Hướng dẫn cách Ẩn file, hình Ảnh android trên pc của bạn, thêm hình Ảnh vào Ứng dụng android

  -  
Sử dụng bộ sưu tầm để sắp xếp ngăn nắp những trang Lưu cùng phân loại nội dung dựa vào lựa chọn ưu tiên của bạn.

1. Trước khi ban đầu

Trong lớp học lập trình này, các bạn sẽ tìm hiểu phương pháp thêm hình hình ảnh vào ứng dụng bằng phương pháp sử dụng Image kết hợp.

Bạn đang xem: Hướng dẫn cách Ẩn file, hình Ảnh android trên pc của bạn, thêm hình Ảnh vào Ứng dụng android

Điều kiện tiên quyết

Kiến thức cơ bạn dạng về bí quyết tạo và chạy áp dụng trong app 6struyenky.vn Studio.Kiến thức cơ bạn dạng về biện pháp thêm nguyên tố giao diện fan dùng, chẳng hạn như thành phần phối kết hợp văn bản.

Kiến thức bạn sẽ học được

Cách thêm hình ảnh hoặc hình ảnh vào ứng dụng 6struyenky.vn.Cách sử dụng thành phần phối kết hợp Image nhằm hiện hình hình ảnh trong ứng dụng.Các phương pháp hay nhất khi sử dụng khoáng sản String.

Sản phẩm các bạn sẽ tạo ra

Cải thiện ứng dụng Happy Birthday (Chúc mừng sinh nhật) để đưa vào hình ảnh.

Bạn nên có

Máy tính đã thiết lập 6struyenky.vn Studio.

2. Xem clip tập lập trình sẵn (Không bắt buộc)

Nếu bạn có nhu cầu xem trong những người lí giải của khoá học xong lớp học tập lập trình, hãy phát đoạn clip bên dưới. Công đoạn này là bước không bắt buộc. Bạn cũng có thể bỏ qua video clip này và bước đầu tham gia lớp học lập trình ngay.

3. Cấu hình thiết lập ứng dụng

Mở dự án công trình Happy Birthday của khách hàng từ lớp học lập trình trước trên game 6struyenky.vn Studio.

Khi khởi chạy, ứng dụng sẽ có dạng như ảnh chụp screen này.

*

Thêm hình ảnh vào dự án

Trong nhiệm vụ này, các bạn sẽ tải một hình ảnh xuống từ internet rồi thêm hình ảnh đó vào ứng dụng Happy Birthday.

Nhấp vào Download (Tải xuống).

*

Nhấp chuột buộc phải vào hình ảnh rồi lưu tệp trên máy tính dưới dạng 6struyenky.vnparty.png.Ghi lại vị trí chúng ta đã lưu hình ảnh.

Ví dụ: chúng ta cũng có thể đã lưu lại hình ảnh trong thư mục Downloads (Tệp đã cài đặt xuống).

Trong app 6struyenky.vn Studio, hãy nhấp vào View (Xem) > Tool Windows (Cửa sổ công cụ) > Resource Manager (Trình quản lý tài nguyên) hoặc nhấp vào thẻ Resource Manager (Trình quản lý tài nguyên) ở lân cận cửa sổ Project (Dự án).

*

*

Lưu ý: Trình quản lý tài nguyên là cửa sổ công cụ có thể chấp nhận được bạn nhập, tạo, quản lý và sử dụng tài nguyên trong ứng dụng.

Nhấp vào + (Add resources khổng lồ the module) (Thêm tài nguyên vào mô-đun) > Import Drawables (Nhập đối tượng hoàn toàn có thể vẽ).

*

Trong trình cẩn thận tệp, nên chọn lựa tệp hình hình ảnh bạn đã sở hữu xuống rồi nhấp vào Open (Mở).

Thao tác này đang mở hộp thoại Import Drawables (Nhập đối tượng rất có thể vẽ).

*

6struyenky.vn Studio sẽ cho thấy phiên bản xem trước của hình ảnh đã sở hữu xuống. Lựa chọn Density (Mật độ) trên list thả xuống của Qualifier Type (Loại cỗ hạn định). Các bạn sẽ tìm hiểu lý do cần thao tác làm việc này vào phần sau.

*

Chọn No Density (Không có mật độ) trên danh sách Value (Giá trị).

*

Thiết bị 6struyenky.vn có nhiều loại form size màn hình (chẳng hạn như điện thoại, máy tính xách tay bảng, TV, v.v. ) và screen của bọn chúng cũng có không ít kích thước pixel. Tức là trong lúc một thiết bị có kích thước 160 px mỗi inch vuông, thì một thiết bị khác lại đáp ứng 480 px trên cùng không gian đó. Nếu như khách hàng không chú ý những biến hóa thể này vào phần tỷ lệ pixel thì rất có thể hệ thống đang điều chỉnh tỷ lệ hình ảnh của bạn. Việc này có thể khiến hình hình ảnh bị mờ, hình hình ảnh lớn chiếm các không gian bộ nhớ lưu trữ hoặc hình hình ảnh sai kích thước.

Khi chúng ta đổi kích thước hình hình ảnh thành form size lớn rộng quy biện pháp mà khối hệ thống 6struyenky.vn hoàn toàn có thể xử lý, hệ thống sẽ báo lỗi hết dung lượng bộ nhớ. Đối với ảnh chụp với hình nền, chẳng hạn như hình ảnh hiện tại, 6struyenky.vnparty.png, chúng ta nên đặt chúng nó vào thư mục drawable-nodpi để ngừng hành vi thay đổi kích thước.

Để biết thêm tin tức về tỷ lệ pixel, hãy xem nội dung hỗ trợ nhiều tỷ lệ pixel.

Nhấp vào Next (Tiếp theo).

*

6struyenky.vn Studio cho bạn thấy kết cấu thư mục cất hình ảnh. Hãy chú ý thư mục drawable-nodpi.Nhấp vào Import (Nhập).

*

6struyenky.vn Studio tạo một thư mục drawable-nodpi và đưa hình hình ảnh vào folder đó. Trong khung chú ý của dự án 6struyenky.vn Studio, tên tài nguyên sẽ có dạng 6struyenky.vnparty.png (nodpi). Trong hệ thống tệp trên sản phẩm công nghệ tính, game 6struyenky.vn Studio sẽ tạo một thư mục mang tên drawable-nodpi.

*

*

Nếu hình ảnh được nhập thành công xuất sắc thì app 6struyenky.vn Studio sẽ thêm hình ảnh đó vào danh sách trong thẻ Drawable (Đối tượng có thể vẽ). List này bao gồm tất cả hình hình ảnh và hình tượng cho ứng dụng. Giờ đồng hồ đây, bạn có thể sử dụng hình hình ảnh này trong vận dụng của mình.

*

Chuyển quay lại khung hiển thị của dự án, nhấp vào View > Tool Windows > Project (Khung hiển thị > hành lang cửa số công cầm > Dự án) hoặc nhấp vào thẻ Project (Dự án) ở bên cạnh cùng bên trái.Nhấp vào app > res > drawable để chứng thực rằng hình hình ảnh đó phía bên trong thư mục drawable.

*

4. Thêm thành phần phối kết hợp Image

Để hiện tại hình ảnh trong ứng dụng, bạn phải xác định vị trí hiện hình ảnh. Tương tự như khi thực hiện thành phần kết hợp Text để hiển thị văn bản, chúng ta cũng có thể dùng thành phần kết hợp Image để hiển thị hình ảnh.

Trong trọng trách này, các bạn sẽ thêm một thành phần phối kết hợp Image vào ứng dụng, để hình hình ảnh của thành phần kia thành hình hình ảnh bánh nướng bé dại bạn đã cài xuống, đặt cùng điều chỉnh kích cỡ của hình ảnh sao cho vừa với màn hình.

Thêm hàm có thể kết hợp để thêm hình ảnh

Trong tệp MainActivity.kt, hãy thêm hàm BirthdayGreetingWithImage() trước hàm BirthdayCardPreview().Truyền vào hàm BirthdayGreetingWithImage() nhị tham số String: một tham số tên là message mang đến lời chúc sinh nhật cùng tham số sót lại tên là from đến chữ ký.


Composablefun BirthdayGreetingWithImage(message: String, from: String)

Tài nguyên vào Jetpack Compose

Tài nguyên (resource) là các tệp bổ sung và câu chữ tĩnh mà lại mã của công ty sử dụng, ví dụ như bitmap, chuỗi giao diện tín đồ dùng, hướng dẫn hình ảnh động, v.v. Để biết thêm tin tức về tài nguyên trong 6struyenky.vn, hãy xem ngôn từ Tổng quan về khoáng sản ứng dụng.

Bạn buộc phải luôn tách riêng các tài nguyên áp dụng (chẳng hạn như hình ảnh và chuỗi) khỏi mã để có thể duy trì chúng một cách độc lập. Trong thời gian chạy, 6struyenky.vn sử dụng tài nguyên phù hợp dựa trên cấu hình hiện tại. Ví dụ: chúng ta cũng có thể muốn hỗ trợ bố cục khác của giao diện người dùng dựa trên kích cỡ màn hình hoặc những chuỗi khác dựa vào chế độ cài đặt ngôn ngữ.

Nhóm tài nguyên

Bạn nên luôn luôn đặt mỗi một số loại tài nguyên trong một folder con ví dụ thuộc thư mục res/ của dự án. Ví dụ: sau đấy là hệ phân cấp cho tệp của một dự án công trình đơn giản:

MyProject/ src/ MyActivity.kt res/ drawable/ graphic.png mipmap/ icon.png values/ strings.xmlNhư bạn có thể thấy trong lấy ví dụ như này, thư mục res/ chứa tất cả các tài nguyên trong folder con, bao hàm cả folder drawable mang đến tài mẫu hình ảnh, thư mục mipmap/ cho biểu tượng trình chạy và thư mục values/ đến tài nguyên chuỗi. Để tham khảo thêm về biện pháp sử dụng, định dạng với cú pháp đối với tài nguyên ứng dụng, hãy xem nội dung Tổng quan lại về các loại tài nguyên.

Truy cập tài nguyên

Jetpack Compose hoàn toàn có thể giúp bạn truy vấn vào những tài nguyên đã xác minh trong dự án công trình 6struyenky.vn của mình. Chúng ta cũng có thể truy cập tài nguyên bởi mã tài nguyên được chế tác trong lớp R của dự án.

Lớp R là lớp vị 6struyenky.vn auto tạo, gồm chứa mã nhấn dạng của tất cả các tài nguyên trong dự án. Trong hầu như các ngôi trường hợp, mã tài nguyên vẫn giống thương hiệu tệp. Ví dụ: chúng ta có thể truy cập hình ảnh trong hệ phân cung cấp tệp trước đó bởi mã này:

R.drawable.graphic

*

Trong trọng trách tiếp theo, bạn sẽ dùng hình ảnh (tệp 6struyenky.vnparty.png) mà bạn đã thêm trong nhiệm vụ trước.

Trong hàm BirthdayGreetingWithImage(), hãy khai báo một ở trong tính val rồi đặt tên mang lại thuộc tính chính là image.

val image = painterResource(R.drawable.6struyenky.vnparty)Hàm painterResource() download một tài nguyên hình hình ảnh có thể vẽ với lấy mã tài nguyên (R.drawable.6struyenky.vnparty trong trường hòa hợp này) làm cho đối số.

Image( painter = image)6struyenky.vn Studio giới thiệu lỗi có nội dung: "None of the following functions can be called with the arguments supplied" (Không gọi được hàm nào dưới đây bằng các đối số đã cung cấp), những đối số này sẽ không khớp cùng với hàm. Bạn cũng có thể thấy lỗi này khi di chuột qua thành phần phối kết hợp Image. Nguyên nhân của lỗi này là do những đối số bạn đang truyền vào hàm có thể kết hợp Image() cảm thấy không được và không phù hợp với chữ ký trong hàm. Trong bước tiếp theo, các bạn sẽ sửa lỗi này.

*

Kiểm tra khả năng cung cấp tiếp cận của ứng dụng

Khi làm theo các phương pháp lập trình để hỗ trợ tiếp cận, các bạn giúp tất cả người dùng của mình, bao gồm cả những người tiêu dùng khuyết tật, thao tác và liên can với ứng dụng của khách hàng một cách thuận tiện hơn.

Lưu ý: 6struyenky.vn hỗ trợ nhiều công cụ cho tất cả những người dùng. Ví dụ: TalkBack là trình đọc screen của Google tất cả sẵn trên sản phẩm 6struyenky.vn. TalkBack chỉ dẫn phản hồi bởi giọng nói cho tất cả những người dùng, có thể chấp nhận được người dùng sử dụng thiết bị cơ mà không buộc phải nhìn vào màn hình. Để bài viết liên quan về khả năng cung ứng tiếp cận, hãy xem văn bản Xây dựng những ứng dụng dề dàng tiếp cận hơn.

6struyenky.vn Studio chỉ dẫn các lưu ý và cảnh báo, khiến cho bạn xây dựng áp dụng sao cho tất cả những người dùng hoàn toàn có thể tiếp cận dễ dàng hơn. Tin tức mô tả nội dung khẳng định mục đích của một nguyên tố trên giao diện người dùng, giúp ứng dụng dễ sử dụng hơn dựa vào TalkBack.

Tuy nhiên, hình hình ảnh trong ứng dụng này chỉ được sử dụng cho mục đích trang trí. Làm việc thêm thông tin mô tả câu chữ cho hình hình ảnh sẽ khiến cho người cần sử dụng khó sử dụng ứng dụng rộng qua TalkBack vào trường hợp cụ thể này. Thay vị viết thông tin mô tả văn bản thông báo cho tất cả những người dùng, bạn có thể thiết lập đối số contentDescription của hình hình ảnh là null để TalkBack bỏ lỡ thành phần kết hợp Image.

Trong thành phần phối kết hợp Image, hãy thêm một đối số khác có tên contentDescription rồi thiết lập giá trị của đối số đó thành null.

Image( painter = image, contentDescription = null)

Xem trước thành phần phối kết hợp Image

Trong trách nhiệm này, bạn xem trước thành phần phối hợp hình hình ảnh rồi chạy vận dụng trên trình mô bỏng hoặc thiết bị.

Trong hàm BirthdayCardPreview(), hãy thay thế sửa chữa lệnh call hàm BirthdayGreetingWithText() bằng hàm BirthdayGreetingWithImage().

Xem thêm: The Best Mmos And Mmorpgs On Pc In 2021, Browsing Mmorpg

Hàm của chúng ta phải trông y như đoạn mã sau:


Composablefun BirthdayCardPreview() HappyBirthdayTheme BirthdayGreetingWithImage( "Happy Birthday Sam!", "- from Emma") Trong ngăn Design (Thiết kế), hãy nhấp vào

*
Build & Refresh (Tạo và làm mới).Xin chú ý rằng bạn không thể thấy văn bạn dạng đó nữa bởi vì hàm new chỉ gồm thành phần phối hợp Image chứ không phải thành phần phối kết hợp Text.

*

5. Thêm bố cục hộp

Ba thành phần bố cục tiêu chuẩn, cơ bạn dạng trong Compose là những thành phần kết hợp Column, Row cùng Box. Các bạn đã khám phá về những thành phần kết hợp Column, Row trong số lớp học tập lập trình trước. Giờ đây, các bạn sẽ có thể khám phá thêm về thành phần phối hợp Box.

Bố viên Box là giữa những thành phần cha cục chuẩn chỉnh trong Compose. Sử dụng bố cục tổng quan Box nhằm xếp ck các thành phần lên nhau. Bố cục Box cũng cho phép bạn định thông số kỹ thuật vị trí cụ thể của các phần tử có trong bố cục đó.

*

Trong hàm BirthdayGreetingWithImage(), hãy thêm thành phần phối hợp Box bao bọc thành phần kết hợp Image như sau:


Composablefun BirthdayGreetingWithImage(message: String, from: String) val image = painterResource(R.drawable.6struyenky.vnparty) //Step 3 create a box to overlap image và texts Box Image( painter = image, contentDescription = null ) Ở cuối thành phần phối kết hợp Box, hãy call hàm BirthdayGreetingWithText() rồi truyền vào đó lời chúc sinh nhật cũng như chữ cam kết như sau:
Composablefun BirthdayGreetingWithImage(message: String, from: String) val image = painterResource(R.drawable.6struyenky.vnparty) //Step 3 create a box khổng lồ overlap image and texts Box Image( painter = image, contentDescription = null ) BirthdayGreetingWithText(message = message, from = from) Nhấp vào Build & Refresh (Tạo và làm cho mới) trong ngăn Design (Thiết kế) để xem phiên bản xem trước bắt đầu cập nhật.Bạn vẫn thấy văn bạn dạng và hình ảnh.

*

Để những đổi khác trên được phản chiếu trong trình mô phỏng hoặc thiết bị, vào hàm onCreate(), hãy sửa chữa lệnh call hàm BirthdayGreetingWithText() bởi hàm BirthdayGreetingWithImage().

Khối setContent sẽ sở hữu dạng như đoạn mã sau:

setContent HappyBirthdayTheme // A surface container using the 'background' color from the theme Surface(color = MaterialTheme.colors.background) BirthdayGreetingWithImage( "Happy Birthday Sam!", "- from Emma") Chạy ứng dụng trên trình mô rộp hoặc thiết bị.Hãy lưu ý rằng hình ảnh rộng bằng màn hình ứng dụng mà lại được neo vào đầu màn hình. Cuối màn hình có tương đối nhiều khoảng trắng không đắm đuối lắm. Trong trọng trách tiếp theo, các bạn sẽ lấp đầy chiều rộng lớn và chiều cao của screen rồi điều chỉnh xác suất hình ảnh để tủ đầy tổng thể màn hình.

*

6. Đặt cùng điều chỉnh phần trăm thành phần phối kết hợp Image

Trong trách nhiệm này, các bạn sẽ tạo hình hình ảnh toàn màn hình để triển khai đẹp ứng dụng. Hãy sử dụng những tham số Modifier và ContentScale nhằm thực hiện.

Phương thức sửa đổi

Phương thức sửa thay đổi được dùng làm trang trí hoặc thêm hành vi vào nhân tố trên giao diện người tiêu dùng Jetpack Compose. Ví dụ: chúng ta cũng có thể thêm nền, khoảng đệm hoặc hành động vào hàng, văn bạn dạng hoặc nút. Để tùy chỉnh thiết lập các quý giá này, thành phần phối kết hợp phải đồng ý đối tượng sửa đổi có tác dụng tham số.

Trong một lớp học lập trình trước đó, bạn đã khám phá về các đối tượng người sử dụng sửa đổi và sử dụng đối tượng người sử dụng sửa đổi khoảng chừng đệm (Modifier.padding) để thêm không khí xung xung quanh thành phần phối hợp Text. Đối tượng sửa đổi có thể rất có lợi và các bạn sẽ thấy điều này trong cả trong suốt lộ trình này cũng như các lộ trình sắp đến tới.

Ví dụ: thành phần phối hợp Text này còn có một đối số Modifier đổi khác màu nền thành xanh lục.

Text( text = "Hello, World!", // Solid element background màu sắc modifier = Modifier.background(color = Color.Green))Bây giờ, chúng ta có thể thêm một đối số Modifier vào thành phần phối kết hợp Image.

Trong hàm BirthdayGreetingWithImage(), hãy thêm một đối số có tên khác vào thành phần kết hợp Image gọi là modifier rồi tùy chỉnh giá trị Modifier.fillMaxHeight() cho thành phần đó.

Thao tác này sẽ thiết lập cấu hình chiều cao của thành phần phối hợp thành chiều cao tối nhiều hiện có.

Image( painter = image, contentDescription = null, modifier = Modifier .fillMaxHeight())Nhập hàm 6struyenky.vnx.compose.foundation.layout.fillMaxHeight khi apk Studio nhắc.

Thêm hàm .fillMaxWidth() vào cách tiến hành sửa đổi.

Nếu phải áp dụng nhiều đối tượng người tiêu dùng sửa đổi đồng thời thì bạn cũng có thể nối lệnh điện thoại tư vấn cho đối tượng sửa đổi như minh hoạ trong khúc mã sau:

Image( painter = image, contentDescription = null, modifier = Modifier .fillMaxHeight() .fillMaxWidth())Nhập hàm 6struyenky.vnx.compose.foundation.layout.fillMaxWidth khi app 6struyenky.vn Studio nhắc.

Điều chỉnh xác suất nội dung

Bạn đang thêm hình hình ảnh vào ứng dụng cũng tương tự đã kiểm soát và điều chỉnh vị trí của hình ảnh. Giờ đây, chúng ta cần kiểm soát và điều chỉnh loại xác suất hình ảnh (cho biết phương pháp định size hình ảnh) để hình ảnh lấp đầy toàn màn hình.

Hiện có nhiều loại ContentScale. Các bạn sử dụng phần trăm tham số ContentScale.Crop để điều chỉnh phần trăm hình hình ảnh một cách nhất quán nhằm bảo trì tỷ lệ khung người sao đến chiều rộng lớn và chiều cao của hình hình ảnh bằng hoặc béo hơn form size tương ứng của màn hình, như minh hoạ vào hình hình ảnh sau.

*

Thêm đối số có tên ContentScale vào hình ảnh.

Image( painter = image, contentDescription = null, modifier = Modifier .fillMaxHeight() .fillMaxWidth(), contentScale = ContentScale.Crop)Nhập ở trong tính 6struyenky.vnx.compose.ui.layout.ContentScale khi app 6struyenky.vn Studio nhắc.Vậy là được không hề ít mã rồi! tiếng là lúc xem trước kết quả đó của bạn.

Xem trước hình ảnh

Nhấp vào Build & Refresh (Tạo và làm cho mới) trong ngăn Design (Thiết kế).

Hình ảnh chiếc bánh hiện nay sẽ tủ đầy tổng thể màn hình như bạn có thể thấy trong hình ảnh chụp screen sau:

*

Chạy trên thiết bị

Chạy vận dụng trên thứ hoặc trình mô phỏng.

Vậy là đang xử lý hoàn thành phần văn bản lời chúc với hình ảnh toàn màn hình!

7. Căn chỉnh văn bạn dạng và thêm khoảng tầm đệm

Trong trách nhiệm này, chúng ta đệm và chỉnh sửa tin nhắn văn phiên bản để làm đẹp thêm ứng dụng.

Trong tệp MainActivity.kt, hãy di chuyển đến hàm BirthdayGreetingWithText() rồi tìm kiếm lời chúc sinh nhật. Đây là thành phần kết hợp Text đầu tiên.Thêm một đối số có tên modifier vào lời chúc sinh nhật rồi hướng dẫn và chỉ định giá trị Modifier.fillMaxWidth() đến đối số đó. Thao tác này sẽ đặt chiều rộng lớn của chiều tổng hòa hợp thành chiều rộng tối đa hiện tại có.Nối một hàm khác, .wrapContentWidth() với Modifier. Thao tác này sẽ bao quanh và chỉnh sửa thành phần phối hợp trên chiều rộng màn hình hiển thị hiện có (hoặc chiều rộng mẹ).Truyền một đối số Alignment.Start vào hàm .wrapContentWidth(). Làm việc này sẽ căn chỉnh thành phần phối kết hợp Text hoặc bộ phận con với địa chỉ bắt đầu/đầu screen hoặc bộ phận mẹ.

modifier = Modifier .fillMaxWidth() .wrapContentWidth(Alignment.Start)

*

Thành phần phối hợp Text lời chúc sẽ sở hữu được dạng như đoạn mã sau:

Text( text = message, fontSize = 36.sp, modifier = Modifier .fillMaxWidth() .wrapContentWidth(Alignment.Start))Nhập thuộc tính 6struyenky.vnx.compose.ui.Alignment của gói compose.ui.

Khoảng đệm

Một thành phần trên giao diện fan dùng bao bọc nội dung. Để nguyên tố này không phủ quanh quá chật, bạn có thể chỉ định số lượng khoảng đệm từng bên.

*

*

Khoảng đệm được sử dụng làm phương thức sửa đổi, tức là bạn cũng có thể áp dụng khoảng đệm cho thành phần phối kết hợp bất kỳ. Đối với mỗi bên của thành phần kết hợp, phương thức sửa thay đổi padding đã lấy đối số tùy chọn giúp xác minh số lượng khoảng chừng đệm.

*

// This is an example. Don't copy it overModifier.padding( start = 16.dp, top = 16.dp, kết thúc = 16.dp, bottom = 16.dp)Nối lệnh hotline hàm .padding() với Modifier rồi truyền vào đó một đối số mang tên start được thiết lập cấu hình thành 16.dp và một đối số có tên top được thiết lập thành 16.dp.Text( text = message, fontSize = 36.sp, modifier = Modifier .fillMaxWidth() .wrapContentWidth(Alignment.Start) .padding(start = 16.dp, đứng đầu = 16.dp))Nếu 6struyenky.vn Studio không auto nhập các gói này, hãy nhập theo cách bằng tay thủ công như sau:6struyenky.vnx.compose.foundation.layout.padding6struyenky.vnx.compose.ui.unit.dpNhấp vào Build và Refresh (Tạo và làm mới) trong ngăn Design (Thiết kế) rồi để ý khoảng đệm tại vị trí trên cùng và vị trí bắt đầu lời chúc sinh nhật.

*

Tương tự như vậy, hãy chỉnh sửa chữ ký với vị trí hoàn thành màn hình. Kế bên ra, hãy thêm một khoảng tầm đệm 16.dp vào vị trí ban đầu và kết thúc của khoảng tầm đệm đó.

Text( text = from, fontSize = 24.sp, modifier = Modifier .fillMaxWidth() .wrapContentWidth(Alignment.End) .padding(start = 16.dp, kết thúc = 16.dp))Nhấp vào Build và Refresh (Tạo và làm mới) trong phòng Design (Thiết kế) rồi chú ý khoảng đệm và độ chỉnh sửa của chữ ký.

*

Rất tốt! các bạn đã thêm 1 hình hình ảnh vào áp dụng 6struyenky.vn!

8. Áp dụng các phương pháp hay tương quan đến mã

Dịch

Khi viết ứng dụng, bạn phải nhớ là có thể sau này những ứng dụng đó sẽ được dịch lịch sự một ngôn từ khác. Như đã mày mò trong một lớp học tập lập trình trước đó, loại dữ liệu String là 1 trong những trình tự những ký tự, chẳng hạn như "Happy Birthday, Sam!".

Chuỗi mã hoá cứng (hardcoded string) là một trong những chuỗi được viết trực tiếp trong mã của ứng dụng. Chuỗi mã hoá cứng đã gây trở ngại cho bài toán dịch vận dụng sang ngôn từ khác cũng tương tự việc sử dụng lại chuỗi cho những vị trí vào ứng dụng. Bạn cũng có thể giải quyết những vấn đề này bằng cách trích xuất chuỗi vào một trong những tệp tài nguyên. Thay bởi vì mã hoá cứng chuỗi vào mã, chúng ta đưa các chuỗi này vào một trong những tệp, đặt tên đến tài nguyên chuỗi rồi sử dụng các tên đó mỗi khi muốn áp dụng chuỗi. Thương hiệu chuỗi vẫn được giữ lại nguyên, trong cả khi bạn chuyển đổi nội dung chuỗi hoặc dịch sang ngữ điệu khác.

Trong tệp MainActivity.kt, hãy dịch chuyển đến hàm onCreate(). Chọn lời chúc sinh nhật, chuỗi "Happy Birthday Sam!".Nhấp vào hình tượng bóng đèn ở phía trái màn hình.Chọn Extract string resource (Trích xuất khoáng sản chuỗi).

*

6struyenky.vn Studio mở hộp thoại Extract Resource (Trích xuất tài nguyên). Trong hộp thoại này, bạn có thể tuỳ chỉnh thương hiệu của khoáng sản chuỗi cũng như một số thông tin chi tiết về cách lưu trữ tài nguyên đó. Ngôi trường Resource name (Tên tài nguyên) là nơi chúng ta nhập thương hiệu của chuỗi. Ngôi trường Resource value (Giá trị tài nguyên) là nơi chúng ta nhập bao gồm chuỗi đó.

Trong vỏ hộp thoại Extract Resource (Trích xuất tài nguyên), hãy biến đổi Resource name (Tên tài nguyên) thành happy_birthday_text.

Tên khoáng sản chuỗi được viết bởi ký tự thường xuyên và những từ được phân làn bằng dấu gạch dưới. Giữ nguyên các chế độ thiết đặt khác theo khoác định.

*

Nhấp vào OK.Chú ý những thay đổi trong mã.

Chuỗi mã hoá cứng hiện đang được thay thế sửa chữa bằng hàm stringResource().

HappyBirthdayTheme // A surface container using the 'background' color from the theme Surface(color = MaterialTheme.colors.background) BirthdayGreetingWithImage( stringResource(R.string.happy_birthday_text), "- from Emma") Trong ngăn Project (Dự án), hãy mở tệp strings.xml trong đường dẫn app > res > values > strings.xml và phân biệt 6struyenky.vn Studio đã sinh sản một khoáng sản chuỗi mang tên happy_birthday_text. Happy Birthday Happy Birthday, Sam!Tệp strings.xml có một danh sách những chuỗi mà người dùng sẽ thấy vào ứng dụng. Hãy lưu ý rằng tên vận dụng cũng là tài nguyên chuỗi. Việc đưa toàn bộ chuỗi vào cùng một vị trí sẽ giúp đỡ bạn tiện lợi dịch tất cả văn bản trong ứng dụng, đồng thời tiện lợi sử dụng lại các chuỗi trong các phần không giống của ứng dụng.

Hãy thực hiện công việc tương tự để trích xuất văn bạn dạng cho thành phần kết hợp Text chữ ký, tuy nhiên lần này hãy nhập signature_text vào trường Resource name (Tên tài nguyên).

Tệp hoàn thành sẽ có dạng như đoạn mã sau:

Happy Birthday Happy Birthday, Sam! - From Emma.Chạy lại áp dụng để đảm bảo ứng dụng vẫn hoạt động.

*

9. Tham gia thách thức này

Vậy là bạn đã biết cách thêm hình ảnh vào ứng dụng. Tiếp sau là một demo thách dành cho bạn:

Sắp xếp hoặc chỉnh sửa hai thành phần phối hợp văn phiên bản để chúng rất nhiều nằm giữa.

Xem thêm: Dự Án Công Ty Nho - Công Ty Cổ Phần Tổ Chức Nhà Quốc Gia N

Sau đây là gợi ý: áp dụng đối số Alignment.CenterHorizontally bởi hàm wrapContentWidth().