Sketch 360 đến với Microsoft Surface Duo

Vào năm 2018, Michael Scherotter, Giám đốc chương trình chính của Microsoft, đã phát hành Sketch 360 cho Microsoft Store.

Ứng dụng cho phép bạn dễ dàng phác thảo toàn cảnh 360 độ trên máy tính bảng Windows của mình.

Hôm nay, Scherotter đã xuất bản một bài đăng trên blog về quá trình đưa ứng dụng tương tự lên Android và đặc biệt cải tiến nó cho Surface Duo.

Ông lưu ý rằng Surface Duo hỗ trợ duy nhất bút Surface Pen cảm ứng lực và cũng có giao diện màn hình kép rất phù hợp với giao diện người dùng hai khung của Sketch 360 trên Windows.

Do đó, anh ấy đã quyết định xây dựng lại Sketch 360 bằng Xamarin.Forms, vì vậy anh ấy có thể nhắm mục tiêu Surface Duo, các thiết bị Android gốc bút khác như Samsung Galaxy Note và bất kỳ thiết bị Android hiện đại nào khác cũng như các thiết bị iOS của Apple với một ứng dụng duy nhất.

Kiến trúc của ứng dụng bao gồm hai mặt, khung vẽ và chế độ xem 360. Mỗi khi người dùng thêm một nét vẽ, chế độ xem 360 sẽ được cập nhật và chuyển sang điểm kết thúc của nét vẽ vừa được thêm vào. Khung vẽ trên Windows sử dụng điều khiển InkCanvas gốc giúp dễ dàng thu thập và kết xuất mực. Khi chuyển sang Xamarin Forms, anh ấy cần phải viết lại hầu hết mã C # và Xaml và cần tìm thứ gì đó để cung cấp đầu vào mực in vì không có tương tự như InkCanvas cho Xamarin Forms. Anh ấy đã tạo InkCanvasView bằng SkiaSharp xử lý đầu vào và kết xuất mực, được thiết kế để cung cấp bề mặt API tương tự như UWP InkCanvas và triển khai vừa đủ nó để hỗ trợ các kịch bản cốt lõi của Sketch 360:

• Vẽ và xóa các nét mực
• Nét mực nhạy áp với nhiều màu và độ dày thay đổi
• Một canvas ảo hỗ trợ quét và phóng to
• Cập nhật nét vẽ ướt để bật các đường dẫn cong trong khi vẽ
• Tải và lưu dữ liệu mực vector

Trong Xamarin Forms, ông đã tuần tự hóa mực sang định dạng JSON đơn giản và sửa đổi phiên bản Windows để có thể đọc định dạng đó ngoài mực Windows. Điều này có nghĩa là bạn có thể bắt đầu bản phác thảo trên điện thoại của mình, lưu tệp .sketch360 vào OneDrive và mở lại trên thiết bị Surface lớn hơn để hoàn thành.

Michael đã tìm thấy các Biểu mẫu Xamarin mới API TwoPaneView đối với các thiết bị màn hình kép, giúp dễ dàng xác định giao diện người dùng thích ứng linh hoạt từ một ngăn đơn sang hai ngăn, dọc hoặc ngang.

Các biểu mẫu Xamarin giúp quá trình tạo ứng dụng sáng tạo trên thiết bị di động đa nền tảng trở nên đơn giản và với các công cụ bổ sung trong Xamarin Essentials, anh ấy có thể làm cho nó hoạt động và hoạt động hiệu quả như một ứng dụng gốc. Anh ấy cũng có thể thực hiện hầu hết quá trình phát triển bằng cách sử dụng Trình giả lập Surface Duo mà không cần có thiết bị vật lý trong tay.

Chế độ xem 360 là một điều khiển WebView sử dụng Babylon.JS, một khung JavaScript 3D mã nguồn mở có API PhotoDome. Anh ấy có thể sử dụng mã HTML / JavaScript bằng Babylon.JS với rất ít sửa đổi so với phiên bản Windows.

Ứng dụng đã hoàn thiện hiện đã có trên Google Play và hoạt động với mọi thiết bị Android hiện đại, nhưng hoạt động tốt nhất với các thiết bị hỗ trợ bút cảm ứng lực như Surface Duo và Samsung Galaxy Note.

Kiểm tra ứng dụng tại đâyvà đọc về quá trình phát triển đầy đủ tại Microsoft DevBlog.

[hộp ứng dụng googleplay com.microsoft.garage.sketch360app]