Chia sẻ qua

Tạo một thẻ đơn giản (xem trước)

  • Bài viết

Trong bài viết này, bạn tạo một thẻ yêu cầu người dùng nhập tên của họ, sau đó hiển thị tên đó trong tiêu đề của thẻ. Bạn sử dụng trình thiết kế thẻ, các biến và Power Fx.

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

Một tài khoản Power Apps

Tạo thẻ

  1. Đăng nhập vào Power Apps rồi chọn môi trường của bạn.

  2. Từ menu điều hướng, hãy chọn ...Thêm > Thẻ.

  3. Chọn + Tạo thẻ.

  4. Trong Tên thẻ, nhập HelloWorldCard rồi chọn Tạo.

Yêu cầu nhập văn bản

  1. Chọn văn bản Thêm và xóa thành phần để tùy chỉnh thẻ mới của bạn., sau đó chọn biểu tượng Xóa (X) để xóa nó.

    Ảnh chụp màn hình của nhãn văn bản giữ chỗ cần xóa trong thẻ mới trong công cụ thiết kế thẻ.

  2. Từ menu điều hướng, chọn + Chèn.

  3. Trong ngăn công cụ, hãy chọn Nhập để mở rộng danh mục, sau đó chọn Nhập văn bản.

    Ảnh chụp màn hình của ngăn công cụ thiết kế thẻ với các điều khiển nhập được hiển thị và điều khiển Nhập văn bản được làm nổi bật.

  4. Trong ngăn thuộc tính nhập văn bản, đặt Nhãn thành Tên bạn là gì?.

    Ảnh chụp màn hình thẻ có điều khiển nhập văn bản được gắn nhãn trong công cụ thiết kế thẻ.

Gán biến

  1. Từ menu điều hướng, chọn Chế độ xem dạng cây và thay đổi tên textInput1 thành UserAnswer.

    Chúng tôi cung cấp cho điều khiển nhập văn bản tên của một biến được liên kết với dữ liệu nhập của người dùng. Bất kỳ tên điều khiển đầu vào nào cũng có thể được sử dụng làm biến, ví dụ: kiểu nhập văn bản, nút hoặc nhãn văn bản.

    Ảnh chụp màn hình điều khiển nhập văn bản từ menu điều hướng Dạng xem dạng cây với tên đã thay đổi.

    Mẹo

    Đặt tên mô tả và duy nhất cho các biến của bạn để giúp chúng dễ sử dụng hơn trong Power Fx biểu thức.

    Chúng ta cần một biến khác để thêm thông tin đầu vào của người dùng vào tiêu đề thẻ, vì vậy hãy tạo một biến ngay bây giờ.

  2. Từ menu điều hướng, hãy chọn Biến.

  3. Chọn + Biến mới.

  4. Trong Cửa sổ biến mới, nhập Tên người dùng dưới Tên và nhập No Name dưới Giá trị mặc định. Để nguyên các giá trị khác.

  5. Chọn Lưu.

    Ảnh chụp màn hình của ngăn thuộc tính biến.

  6. Trong khung vẽ của bạn, hãy chọn tiêu đề thẻ, đây là điều khiển nhãn văn bản. Trong ngăn thuộc tính của điều khiển, đặt Text thành ="Xin chào " & Tên người dùng.

    Biểu thức này thay đổi tiêu đề thẻ thành chuỗi "Xin chào" theo sau là giá trị của biến bạn đã tạo. Bạn có thể nhập biểu thức vào thanh công thức hoặc ngăn thuộc tính.

    Ảnh chụp màn hình biểu thức văn bản được nhập vào thuộc tính Văn bản của tiêu đề thẻ.

Thêm nút Power Fx

  1. Từ menu điều hướng, chọn + Chèn.

  2. Trong ngăn công cụ, hãy chọn Đầu vào để mở rộng danh mục, sau đó chọn Nút.

  3. Trong ngăn thuộc tính nút, hãy đặt Tiêu đề thành Nói xin chào.

    Ảnh chụp màn hình của ngăn thuộc tính nút đã đặt tên và nút trong thẻ.

  4. Trong ngăn thuộc tính bên cạnh Khi chọn, hãy chọn PowerFx để đặt con trỏ vào thanh công thức.

  5. Nhập biểu thức Power Fx sau vào thanh công thức: Set(UserName, UserAnswer)

    Biểu thức hàm Set() này gán giá trị đầu vào của người dùng, UserAnswer, cho biến UserName của nhãn văn bản (tiêu đề thẻ), khi nút được chọn. Một cách khác để đọc biểu thức là Đặt giá trị của biến Tên người dùng bằng giá trị của UserAnswer. Vì biểu thức được liên kết với thuộc tính Trên select của nút, còn được gọi là Động từ bên cạnh thanh công thức, nên nó chạy khi người dùng chọn nút.

    Ảnh chụp màn hình của biểu thức Power Fx trong thanh công thức, được gán cho thuộc tính OnSelect của nút.

Kiểm tra thẻ

Bạn phải luôn lưu các thay đổi của mình trước khi chơi bài. Chọn Lưu rồi chọn Phát.

Kiểm tra thẻ của bạn một vài lần với các đầu vào khác nhau. Đảm bảo thông tin nhập của bạn thay thế giá trị mặc định "Không tên" trong tiêu đề thẻ mỗi lần.

Các bước tiếp theo

Tìm hiểu cách tạo một tấm thẻ phức tạp hơn một chút trong hướng dẫn danh sách mua sắm đơn giản .