Thêm màn hình cuộn vào ứng dụng canvas

Trong ứng dụng canvas, tạo màn hình mà người dùng có thể cuộn để hiển thị các mục khác nhau. Ví dụ: tạo ứng dụng điện thoại hiển thị dữ liệu trong một số biểu đồ mà người dùng có thể hiển thị nếu họ cuộn.

Khi bạn thêm nhiều điều khiển trong một phần, các điều khiển sẽ duy trì vị trí tương đối của chúng trong phần đó, bất kể đó là ứng dụng điện thoại hay ứng dụng máy tính bảng. Kích thước và hướng màn hình cũng có thể ảnh hưởng đến cách sắp xếp các phần.

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

  1. Tạo ứng dụng canvas trống.
  2. Tìm hiểu cách thêm và đặt cấu hình kiểm soát.

Tạo màn hình cuộn

  1. Chọn Màn hình mới bên dưới menu trên cùng.

  2. Chọn Có thể cuộn.

    Chọn màn hình mới rồi chọn loại màn hình có thể cuộn.

    Màn hình có thể cuộn mới được thêm vào ứng dụng.

    Ảnh chụp màn hình hiển thị màn hình có thể cuộn được thêm vào ứng dụng.

Thêm điều khiển

Màn hình có thể cuộn bao gồm một lưới linh hoạt với một thẻ dữ liệu theo mặc định. Thẻ dữ liệu giúp phân tách các đối tượng quản lý phân tích trên màn hình. Để làm cho màn hình có thể cuộn với nhiều tùy chọn điều khiển, hãy thêm nhiều thẻ dữ liệu hơn. Sau đó, thêm các tùy chọn điều khiển trong thẻ dữ liệu theo yêu cầu.

Để thêm thẻ dữ liệu, bạn có thể chọn Thêm phần ở cuối màn hình có thể cuộn.

Thêm nút phần được tô sáng trên màn hình có thể cuộn trên bảng tùy biến.

Chúng tôi sẽ bắt đầu bằng cách thêm các tùy chọn điều khiển trên thẻ dữ liệu có sẵn với màn hình có thể cuộn theo mặc định, sau đó thêm một phần mới để bổ sung một thẻ dữ liệu khác. Sau khi có thẻ dữ liệu mới, chúng tôi sẽ thêm một tùy chọn điều khiển khác vào bên trong thẻ dữ liệu mới.

Thẻ dữ liệu cùng với các tùy chọn điều khiển bên trong thẻ dữ liệu sẽ mở rộng độ dài mặc định của màn hình, đòi hỏi phải sử dụng khả năng cuộn của màn hình.

Mẹo

Để tìm hiểu thêm về thẻ dữ liệu, hãy xem Tìm hiểu về thẻ dữ liệu.

  1. Chọn + (Chèn) từ ngăn bên trái.

    Văn bản thay thế mô tả nội dung của hình ảnh.

  2. Mở rộng Biểu đồ rồi chọn Biểu đồ cột.

  3. Đổi kích thước biểu đồ được thêm trên màn hình sao cho chiếm khoảng 2/3 màn hình.

  4. Giảm kích thước thẻ dữ liệu xuống bằng kích thước của biểu đồ đã thêm.

    Đổi kích thước thẻ dữ liệu được thêm trên màn hình sao cho chiếm khoảng 2/3 màn hình.

  5. Chọn Thêm phần trên màn hình để thêm phần khác.

    Thẻ dữ liệu mới được thêm vào màn hình.

  6. Chọn Chèn > Biểu đồ > Biểu đồ đường.

  7. Cuộn xuống trên màn hình bằng cách sử dụng thanh cuộn ở bên phải màn hình, sau đó chọn Thêm phần để thêm thẻ dữ liệu thứ ba.

  8. Chọn Chèn > Nhật > Nhập dữ liệu từ bút.

  9. Đổi kích thước tùy chọn điều khiển nhập dữ liệu từ bút bằng cách tăng chiều rộng bên trong thẻ dữ liệu.

    Tùy chọn điều khiển nhập dữ liệu từ bút được đổi kích thước để dùng nhiều chiều rộng hơn trên màn hình.

  10. Nhấn phím F5 trên bàn phím để xem trước ứng dụng. Cuộn xuống phần dưới của màn hình bằng thanh cuộn.

    Xem trước màn hình có thể cuộn.

Sau khi bạn minh họa cách sử dụng màn hình có thể cuộn, hãy tiếp tục tùy chỉnh ứng dụng theo yêu cầu công việc của mình.

Màn hình cuộn cho biểu mẫu

Vì Power Apps sử dụng thẻ dữ liệu để tạo các phần, không thể chèn các mục điều khiển Biểu mẫu hiển thị và Biểu mẫu chỉnh sửa vào chúng. Việc lồng ghép nhiều mục điều khiển như vậy với nhau có thể làm giảm hiệu suất của ứng dụng. Do đó, khi dùng tùy chọn điều khiển biểu mẫu, hãy sử dụng các vùng chứa bố cục, chẳng hạn như mục điều khiển vùng chứa dọc.

Mẹo

Để tìm hiểu về cách làm việc với biểu mẫu, hãy xem Tìm hiểu về biểu mẫu ứng dụng canvas.

Có nhiều phương pháp khác nhau để đặt cấu hình thao tác cuộn với biểu mẫu:

Sử dụng thuộc tính Tràn dọc

Sử dụng thuộc tính Tràn dọc là phương pháp cơ bản để dùng màn hình cuộn có biểu mẫu.

  1. Hãy đảm bảo rằng bạn đang sử dụng màn hình trống chứ không phải màn hình có thể cuộn.

  2. Chọn Chèn > Bố cục rồi chọn Vùng chứa dọc.

  3. Từ bên phải của màn hình, trong ngăn thuộc tính, hãy chọn danh sách thả xuống thuộc tính Tràn dọc và chọn Cuộn.

    Thuộc tính tràn dọc của vùng chứa được đặt thành Cuộn.

  4. Thêm biểu mẫu chỉnh sửa hoặc hiển thị cùng với các trường bắt buộc. Khi danh sách trường vượt quá kích thước của vùng chứa bên trong màn hình, bạn sẽ có thể cuộn bên trong vùng chứa bằng thanh cuộn.

    Vùng chứa dọc có thể cuộn sử dụng thuộc tính Tràn dọc được đặt thành thao tác cuộn có biểu mẫu hiển thị.

Sử dụng vùng chứa trong Vùng chứa dọc

Đối với ứng dụng phức tạp, bạn có thể cân nhắc thêm vùng chứa trong mục điều khiển vùng chứa dọc. Sau đó, điều chỉnh chiều cao của biểu mẫu và vùng chứa bên trong như minh họa bên dưới.

  1. Hãy đảm bảo rằng bạn đang sử dụng màn hình trống chứ không phải màn hình có thể cuộn.

  2. Chọn Chèn > Bố cục rồi chọn Vùng chứa dọc.

  3. Từ bên phải của màn hình, trong ngăn thuộc tính, hãy chọn danh sách thả xuống thuộc tính Tràn dọc và chọn Cuộn.

  4. Chọn Chèn > Bố cục rồi chọn Vùng chứa.

  5. Từ bên phải của màn hình, trong ngăn thuộc tính, hãy chuyển thuộc tính Chiều cao linh hoạt thành Tắt.

    Thuộc tính chiều cao linh hoạt bị tắt đối với vùng chứa.

  6. Thêm biểu mẫu chỉnh sửa hoặc hiển thị cùng với các trường bắt buộc.

  7. Để bật tính năng cuộn trong màn hình cho biểu mẫu, hãy cập nhật chiều cao của vùng chứa đã thêm vào bước 4 và biểu mẫu.

    Biểu mẫu có thể cuộn sử dụng chiều cao biểu mẫu và vùng chứa cho chức năng cuộn.

Để biết thêm thông tin về cách điều chỉnh độ phản hồi của ứng dụng, hãy xem Xây dựng ứng dụng canvas phản hồiBố cục phản hồi

Xem thêm

Lưu ý

Bạn có thể cho chúng tôi biết bạn thích dùng ngôn ngữ nào cho tài liệu không? Làm một cuộc khảo sát ngắn. (xin lưu ý, khảo sát này bằng tiếng Anh)

Cuộc khảo sát sẽ mất khoảng bảy phút. Không có dữ liệu cá nhân nào được thu thập (điều khoản về quyền riêng tư).