#HarmonyOS NEXT thể nghiệm quan # căn cứ vào Hồng Mông Next bắt chước quét đồ thức vật một cái quá trình Nguyên sang

Một, công năng giới thiệu ( cơ sở )
Căn cứ vào Hồng Mông Next bắt chước quét đồ thức vật một cái quá trình, rà quét đến hình ảnh, nhắc nhở ra tương quan hình ảnh nội dung, là một cái thứ gì.

Nhị, sử dụng cảnh tượng ( đại loại )

Chi trả, xã giao, tin tức thu hoạch, tại tuyến điều tra, giáo dục học tập từ từ.

Tam, thực hiện bước đi:
Bước đầu tiên: Thượng truyền hình ảnh, mở ra album khi, sẽ có thu hoạch truyền thông quyền hạn pop-up dò hỏi.
Đệ nhị bộ: Quét qua, phân biệt hình ảnh nội dung.
Bước thứ ba: Phân biệt đến hình ảnh tin tức triển lãm, dùng pop-up hình thức bày ra ra tới

Bốn, triển lãm hiệu quả
Xem trước khí hiệu quả


Năm, số hiệu thực hiện
import abilityAccessCtrl, { Permissions } from ‘@ohos.abilityAccessCtrl’
import picker from ‘@ohos.file.picker’
import common from ‘@ohos.app.ability mon’
import promptAction from ‘@ohos.promptAction’

let context = getContext(this) as common.UIAbilityContext

let permissionList: Permissions[] = [
‘ohos.permission.READ_MEDIA’,
‘ohos.permission.MEDIA_LOCATION’
]

@Entry
@Component
struct Index {
@State img:string = “/common/images/img_up.png” // khởi động lại hình ảnh
@State scanHeight:number = 0 // rà quét độ cao - đều động họa
@State isVisibility:boolean = false // rà quét khung hiện ẩn khống chế

// thu hoạch bản địa hình ảnh đường nhỏ
getLocalPicPath() {
let photoPicker = new picker.PhotoViewPicker();
photoPicker.select({
MIMEType: picker.PhotoViewMIMETypes.IMAGE_TYPE,
maxSelectNumber: 1
},
(err, photoPickerValue) => {
if (err) {
console.info( “photoPicker_err:” + err.message)
return
}
console.info( “photoPicker_Value:” + photoPickerValue.photoUris)
this.img = photoPickerValue.photoUris[0].toString()
}
)
}

// album quyền hạn thu hoạch
isAuthorize() {
let AtManager = abilityAccessCtrl.createAtManager();
AtManager.requestPermissionsFromUser(context, permissionList)
.then((data) => {
console.info(‘request permissions from user success: ’ + data.authResults)
this.getLocalPicPath() // thu hoạch bản địa đường nhỏ
})
.catch((err:Error) => {
console.info(‘request permissions from user failed: ’, JSON.stringify(err)?? ‘’)
});
}

Sáu, số hiệu kết cấu cập nguyên lý:
1. Chỉnh thể kết cấu:
Sử dụng ArkTS trang trí khí ngữ pháp, như @Entry cùng @Component.
2. Trạng thái quản lý:
Lắp ráp sử dụng @State trang trí khí định nghĩa mấy cái hưởng ứng thức trạng thái lượng biến đổi, như scanHeight, isVisibility. Này đó lượng biến đổi biến hóa sẽ tự động kích phát UI đổi mới.
3.UI kết cấu:
Giao diện sử dụng khảm bộ Stack, Column cùng Row lắp ráp xây dựng. Chủ yếu bao gồm đồ hình lựa chọn, đường cong nhan sắc lựa chọn, tuyến khoan điều tiết chờ bộ phận.
4. Số liệu truyền lại:
Đương điểm đánh "Thượng truyền hình ảnh" cái nút khi, sẽ thuyên chuyển isAuthorize ( ) hồi công hàm thuyên chuyển công tác số, trước thu hoạch truyền thông quyền hạn, xác nhận trao quyền lúc sau, ở thuyên chuyển getLocalPicPath ( ) hồi công hàm thuyên chuyển công tác số, thu hoạch lựa chọn hình ảnh. Điểm đánh “Quét qua”, phân biệt thượng truyền hình ảnh nội dung
5. Hình thức thiết trí:
Đại lượng sử dụng liên thức thuyên chuyển tới thiết trí lắp ráp hình thức, đọc đúng theo mặt chữ thể lớn nhỏ, nhan sắc, biên cự chờ.
6. Hưởng ứng thức thiết kế:
Thông qua @State trang trí khí cùng trạng thái lượng biến đổi trói định, thực hiện giao diện hưởng ứng thức đổi mới. Đương người dùng tiến hành thao tác khi, tương quan trạng thái lượng biến đổi sẽ đổi mới, do đó kích phát UI một lần nữa nhuộm đẫm.