Nếu bạn muốn người dùng có thể chèn ảnh vào biểu mẫu Microsoft Office InfoPath, bạn có thể sử dụng điều khiển ảnh trong mẫu biểu mẫu của mình. Điều khiển ảnh cho phép người dùng chèn ảnh vào vùng được chỉ định trên biểu mẫu. Dữ liệu ảnh sau đó được lưu trong tệp biểu mẫu cơ sở (.xml). Ảnh mà người dùng chèn vào điều khiển ảnh có thể là bất kỳ loại ảnh nào mà Windows Internet Explorer có thể hiển thị.
Trong bài viết này
- Khi nào nên dùng điều khiển ảnh
- Trải nghiệm người dùng
- Những điều cần cân nhắc về tính tương thích
- Chèn điều khiển hình ảnh
- Mẹo bố trí
Khi nào nên dùng điều khiển ảnh
Sử dụng điều khiển ảnh khi bạn muốn:
- Thêm một chỗ trống trên mẫu biểu mẫu của bạn, nơi người dùng có thể chèn ảnh, bao gồm ảnh, clip art và bản vẽ.
- Thêm ảnh vĩnh viễn vào mẫu biểu mẫu của bạn mà không thể thay thế hoặc xóa, chẳng hạn như logo công ty.
- Thêm ảnh tạm thời vào mẫu biểu mẫu của bạn mà người dùng có thể xóa bỏ hoặc thay thế, chẳng hạn như ảnh chỗ dành sẵn.
- Lưu dữ liệu ảnh dưới dạng dữ liệu được mã hóa trong tệp biểu mẫu .xml người dùng. InfoPath sử dụng mã hóa base64 để mã hóa và giải mã tệp nhị phân, chẳng hạn như tệp .gif hoặc tệp .jpg.
- Lưu dữ liệu ảnh dưới dạng tham chiếu siêu kết nối trong tệp biểu mẫu .xml người dùng.
- Hiển thị hình ảnh trên mẫu biểu mẫu của bạn được truy xuất từ cơ sở dữ liệu hoặc nguồn dữ liệu bên ngoài khác.
Trong hình minh họa sau đây, một điều khiển hình ảnh được sử dụng trên mẫu biểu mẫu yêu cầu bồi thường bảo hiểm để thu thập hình ảnh hư hỏng xe từ chủ sở hữu chính sách. Người thiết kế biểu mẫu đã đặt điều khiển ảnh bên trong một phần lặp để người dùng có thể thêm số ảnh cần thiết vào biểu mẫu của họ.
Khi bạn thêm điều khiển ảnh vào mẫu biểu mẫu của mình, InfoPath sẽ chèn điều khiển ảnh trống theo mặc định. Người dùng có thể thêm ảnh vào điều khiển ảnh trống khi họ điền vào biểu mẫu dựa trên mẫu biểu mẫu của bạn. Nếu muốn, bạn có thể chỉ định ảnh mặc định thay vì để trống điều khiển ảnh. Bạn cũng có thể chỉ định xem người dùng có thể duyệt qua, xóa hoặc thay thế ảnh mà bạn chèn vào điều khiển ảnh hay không.
Điều khiển có liên quan
InfoPath bao gồm các điều khiển tương tự như điều khiển ảnh nhưng phục vụ các mục đích khác nhau. Để quyết định điều khiển nào trong số những điều khiển này hoạt động tốt nhất với mẫu biểu mẫu của bạn, hãy tham khảo danh sách sau đây:
Điều khiển ảnh viết tay Điều khiển ảnh viết tay có hình thức và hoạt động như điều khiển hình ảnh. Tuy nhiên, điều khiển ảnh viết tay cho phép người dùng tạo bản vẽ hoặc phác họa bằng bút máy tính bảng bằng cách sử dụng Máy tính bảng và không cho phép người dùng chèn ảnh hoặc ảnh khác. Cả hai điều khiển đều có khả năng lưu trữ dữ liệu được mã hóa cơ sở64 trong XML cơ sở. Tuy nhiên, điều khiển ảnh cũng có thể lưu trữ dữ liệu ảnh dưới dạng siêu kết nối trong XML.
Điều khiển phần đính kèm tệp Nếu bạn muốn người dùng có thể đính kèm tài liệu, trang tính, bản trình bày và các tệp khác vào biểu mẫu của họ, bạn có thể dùng điều khiển đính kèm tệp thay vì điều khiển ảnh.
Hộp văn bản có định dạng Nếu mẫu biểu mẫu của bạn chứa điều khiển hộp văn bản có định dạng và nếu bạn đã bật định dạng văn bản có định dạng đầy đủ, người dùng có thể thêm ảnh vào bên trong những hộp văn bản có định dạng đó.
Trải nghiệm người dùng
Tùy thuộc vào thiết kế của mẫu biểu mẫu của bạn, khi bạn chèn điều khiển ảnh, người dùng sẽ thấy ảnh mặc định (do bạn chỉ định) hoặc biểu tượng ảnh và văn bản gợi ý Bấm vào đây để chèn ảnh. Trong ví dụ sau đây, người dùng điền vào biểu mẫu yêu cầu bồi thường bảo hiểm có thể bấm vào điều khiển bằng hình ảnh để chèn ảnh chiếc xe. Trong ví dụ này, người thiết kế biểu mẫu đã đặt điều khiển ảnh bên trong một phần lặp để thu thập nhiều ảnh từ người dùng.
Khi người dùng bấm vào điều khiển ảnh, họ có thể duyệt ảnh bằng cách sử dụng hộp thoại Chèn Ảnh. Khi họ chèn một tệp ảnh, điều khiển ảnh sẽ tự động được đổi kích cỡ để phù hợp với kích thước của ảnh đó.
Những điều cần cân nhắc về tính tương thích
Khi bạn thiết kế mẫu biểu mẫu trong InfoPath, bạn có thể chọn thiết kế mẫu biểu mẫu tương thích với trình duyệt. Khi bạn thiết kế mẫu biểu mẫu tương thích với trình duyệt, điều khiển ảnh sẽ không sẵn dùng trong ngăn tác vụ Điều khiển vì chúng không thể được hiển thị trong trình duyệt Web.
Nếu bạn muốn người dùng có thể chèn ảnh vào mẫu biểu mẫu có hỗ trợ trình duyệt, bạn có thể lưu trữ InfoPath dưới dạng điều khiển biểu mẫu ASP.NET của Microsoft trên trang Web và viết mã phía máy chủ để chèn ảnh vào XML của mẫu biểu mẫu dưới dạng dữ liệu được mã hóa cơ sở64. Ngoài ra, bạn có thể sử dụng hộp văn bản có định dạng trên mẫu biểu mẫu tương thích với trình duyệt của mình, cho phép người dùng chèn hình ảnh được liên kết. Điều này cho phép bạn lưu dữ liệu ảnh dưới dạng siêu kết nối trong XML cơ sở.
Chèn điều khiển hình ảnh
Thủ tục chèn điều khiển ảnh sẽ khác nhau đôi chút tùy thuộc vào việc bạn đang thiết kế mẫu biểu mẫu trống, mới hay dựa trên thiết kế mẫu biểu mẫu của bạn trên cơ sở dữ liệu hoặc nguồn dữ liệu bên ngoài khác.
Minh họa sau đây cho thấy giao diện của điều khiển ảnh trống khi được chọn trong chế độ thiết kế.
Điều khiển có thể được gắn kết hoặc không gắn kết. Khi điều khiển được gắn kết, nó được kết nối với một trường hoặc nhóm trong nguồn dữ liệu để dữ liệu đã nhập vào điều khiển được lưu trong tệp biểu mẫu cơ sở (.xml). Khi điều khiển không được gắn kết, nó không được kết nối với trường hoặc nhóm và dữ liệu đã nhập vào điều khiển không được lưu. Khi bạn chọn hoặc di chuyển con trỏ qua điều khiển, văn bản và biểu tượng gắn kết xuất hiện ở góc trên bên phải của điều khiển. Văn bản cho biết trường hoặc nhóm mà điều khiển được gắn kết trong nguồn dữ liệu. Biểu tượng này cho biết điều khiển có được gắn kết với trường hoặc nhóm đó đúng hay không. Khi gắn kết đúng, biểu tượng màu xanh lá cây sẽ xuất hiện. Nếu có vấn đề với gắn kết, thay vào đó bạn sẽ thấy biểu tượng màu xanh lam hoặc màu đỏ.
Nguồn dữ liệu cho mẫu biểu mẫu bao gồm các trường và nhóm xuất hiện trong dạng xem phân cấp trong ngăn tác vụ Nguồn Dữ liệu. Điều khiển ảnh luôn được gắn kết với các trường. Trong ví dụ sau đây, điều khiển ảnh trên mẫu biểu mẫu được gắn kết với trường photoFile trong ngăn tác vụ Nguồn Dữ liệu.
Chèn điều khiển ảnh vào mẫu biểu mẫu trống mới
Khi bạn thiết kế mẫu một biểu mẫu mới, trống, hộp kiểm Tự động tạo nguồn dữ liệu trong ngăn tác vụ Điều khiển được chọn theo mặc định. Điều này cho phép InfoPath để tự động tạo ra các trường và nhóm trong nguồn dữ liệu khi bạn thêm các điều khiển vào mẫu biểu mẫu. Các trường và các nhóm được thể hiện bằng biểu tượng thư mục và tệp trong các ngăn tác vụ Nguồn Dữ liệu.
Trên mẫu biểu mẫu, đặt con trỏ vào chỗ mà bạn muốn chèn điều khiển.
Nếu ngăn tác vụ Điều khiển không hiển thị, bấm Thêm Điều khiển trên menu Chèn hoặc nhấn ALT+I, C.
Bên dưới Chèn điều khiển, bấm vào Ảnh.
Trong hộp thoại Chèn Điều khiển Ảnh , hãy thực hiện một trong các thao tác sau:
Để lưu dữ liệu ảnh trong biểu mẫu của người dùng, hãy bấm vào Được bao gồm trong biểu mẫu. Khi bạn chọn tùy chọn này, InfoPath sẽ sử dụng kiểu dữ liệu Ảnh hoặc Tệp Đính kèm (cơ sở64)cho điều khiển ảnh và dữ liệu ảnh được mã hóa trong tệp biểu mẫu cơ sở (.xml). Bao gồm hình ảnh trong biểu mẫu là một lựa chọn tốt nếu bạn muốn giữ biểu mẫu và dữ liệu di động của nó.
Để hiển thị ảnh được nối kết đến nhưng không được lưu cùng, biểu mẫu của người dùng, hãy bấm Dưới dạng nối kết. Khi bạn chọn tùy chọn này, InfoPath sẽ sử dụng Siêu kết nối (anyURI) làm kiểu dữ liệu cho điều khiển ảnh và dữ liệu ảnh được lưu trữ như một siêu kết nối trong tệp biểu mẫu cơ sở (.xml). Nối kết tới ảnh là một lựa chọn tốt nếu bạn nghĩ rằng người dùng sẽ cần cập nhật ảnh được liên kết hoặc nếu bạn muốn giảm kích cỡ tệp của biểu mẫu của người dùng.
Lưu ý
Khi xem hình ảnh được liên kết trên một biểu mẫu, người dùng phải có quyền truy nhập vào vị trí của tệp nguồn ảnh. Nếu không, ảnh sẽ không xuất hiện trên biểu mẫu.
Theo mặc định, điều khiển ảnh với Bấm vào đây để chèn văn bản chỗ dành sẵn cho ảnh sẽ được chèn vào mẫu biểu mẫu.
Nếu bạn đã chọn đưa dữ liệu ảnh vào biểu mẫu của người dùng ở bước 4, bạn có thể chỉ định ảnh nền.
Cách thực hiện?Bấm đúp vào điều khiển ảnh trên mẫu biểu mẫu của bạn.
Bấm vào tab Dữ liệu.
Bên dưới Gắn kết trên tab Dữ liệu , bấm vào Chỉ định ảnh mặc định, rồi bấm vào Duyệt.
Lưu ý
Tùy chọn này không sẵn dùng nếu bạn đã chọn Là một liên kết trước đó trong quy trình này.
Trong hộp thoại Chèn Ảnh, bấm vào ảnh bạn muốn.
Để thêm nhãn vào điều khiển, gõ văn bản phía trên hoặc bên trái của điều khiển, theo sau bằng dấu hai chấm (:).
Chèn điều khiển ảnh vào mẫu biểu mẫu dựa trên nguồn dữ liệu hiện có
Nếu bạn xây dựng thiết kế của mẫu biểu mẫu của bạn trên tệp, cơ sở dữ liệu hoặc dịch vụ Web Ngôn ngữ Đánh dấu có thể Mở rộng (XML) hiện có, InfoPath sẽ phát sinh các trường và nhóm trong ngăn tác vụ Nguồn Dữ liệu từ nguồn dữ liệu hiện có đó. Trong trường hợp này, bạn có thể chèn điều khiển ảnh bằng cách kéo một trường từ ngăn tác vụ Nguồn Dữ liệu lên mẫu biểu mẫu hoặc bằng cách chèn điều khiển ảnh từ ngăn tác vụ Điều khiển thay vào đó, như được mô tả trong thủ tục sau đây:
Trên mẫu biểu mẫu, đặt con trỏ vào chỗ mà bạn muốn chèn điều khiển.
Nếu ngăn tác vụ Điều khiển không hiển thị, bấm Thêm Điều khiển trên menu Chèn hoặc nhấn ALT+I, C.
Bên dưới Chèn điều khiển, bấm vào Ảnh.
Trong hộp thoại Chèn Điều khiển Ảnh , hãy thực hiện một trong các thao tác sau:
- Để lưu dữ liệu ảnh trong biểu mẫu, bấm vào Được bao gồm trong biểu mẫu. Khi bạn chọn tùy chọn này, bạn phải kết ghép điều khiển ảnh với một trường có kiểu dữ liệu Ảnh hoặc Tệp Đính kèm (cơ sở64 ).
- Để hiển thị ảnh được nối kết đến nhưng không được lưu cùng, biểu mẫu, bấm vào Dưới dạng liên kết. Khi bạn chọn tùy chọn này, bạn phải kết ghép điều khiển ảnh với một trường với kiểu dữ liệu Siêu kết nối (anyURI ).
Trong hộp thoại Gắn kết Ảnh, chọn trường mà bạn muốn lưu trữ dữ liệu điều khiển ảnh, rồi bấm OK.
Theo mặc định, điều khiển ảnh với Bấm vào đây để chèn văn bản chỗ dành sẵn cho ảnh sẽ được chèn vào mẫu biểu mẫu.Nếu bạn đã chọn đưa dữ liệu ảnh vào biểu mẫu của người dùng ở bước 4, bạn có thể chỉ định ảnh mặc định xuất hiện bên trong điều khiển.
Cách thực hiện?Bấm đúp vào điều khiển ảnh trên mẫu biểu mẫu của bạn.
Bấm vào tab Dữ liệu.
Bên dưới Gắn kết, bấm vào Chỉ định ảnh mặc định, rồi bấm vào Duyệt.
Lưu ý
Tùy chọn này không sẵn dùng nếu bạn gắn điều khiển ảnh với một trường với kiểu dữ liệu Siêu kết nối (anyURI) trước đó trong quy trình này.
Trong hộp thoại Chèn Ảnh, bấm vào ảnh bạn muốn.
Để thêm nhãn vào điều khiển, gõ văn bản phía trên hoặc bên trái của điều khiển, theo sau bằng dấu hai chấm (:).
Mẹo bố trí
Sử dụng các mẹo sau đây để giúp bạn tinh chỉnh hình thức, kích cỡ và các khía cạnh khác của điều khiển ảnh:
- Việc sử dụng bảng bố trí cho mục đích sắp xếp luôn là một ý tưởng hay, bất kể bạn đang làm việc với loại điều khiển nào.
- Việc chèn điều khiển ảnh vào trong vùng cuộn có thể hữu ích khi bạn muốn có một khu vực cố định trên mẫu biểu mẫu sẽ cuộn để phù hợp với các ảnh lớn.
- Để thay đổi chiều rộng của một vài điều khiển ảnh cùng một lúc, hãy chọn các điều khiển có kích cỡ bạn muốn thay đổi, nhấn ALT+ENTER, bấm vào tab Kích cỡ, rồi trong hộp Chiều rộng, hãy nhập một số mới.
- Để thay đổi viền hoặc màu của điều khiển ảnh, hãy chọn nó trên mẫu biểu mẫu, trên menu Định dạng, bấm Viền và Tô màu, rồi thực hiện các điều chỉnh cần thiết.