Chuyển đến nội dung chính

Bài đăng

Hiển thị các bài đăng có nhãn Canvas

Exploring Jetpack Compose Canvas: the power of drawing

  Trong bài viết này, tôi sẽ chia sẻ kinh nghiệm sử dụng Canvas với Jetpack Compose, đây là bộ công cụ giao diện người dùng mới của Google. Thử thách dành cho nhà phát triển Android #2 đã cho tôi cơ hội tìm hiểu rất nhiều điều về Canvas và cách tận dụng nó để vẽ và tạo hoạt ảnh cho các hình dạng hoặc văn bản theo cách rất hay. Hầu hết các mẫu mã dựa trên dự án dưới đây: https://github.com/Oleur/TimePack-CountPose Tuyên bố từ chối trách nhiệm: các mẫu mã dựa trên Soạn 1.0.0-beta02. Các phương thức API có thể thay đổi trong tương lai gần. 1. First steps with Canvas Nếu bạn đã quen thuộc với các phương pháp canvas của Android View, bạn sẽ không bị thất vọng với phương pháp từ Jetpack Compose. Tất cả các tên hàm đều giống nhau và một số trong số chúng thậm chí còn rõ ràng hơn khi xử lý Path API , ví dụ: relQuadraticBezierTo() thay vì rQuadto() để làm cong một đoạn của đường dẫn. Nếu bạn chưa quen với Android Canvas bản địa, tôi thực sự khuyên bạn nên xem qua bài viết này của Rebecca Fr...

Getting Started with Android Canvas Drawing

  Lặn sử dụng lớp Android Canvas có thể mở khóa siêu năng lực ma thuật mà bạn chưa từng biết mình có. Hãy tưởng tượng bạn có thể vẽ bất cứ thứ gì * mà trái tim bạn mong muốn chỉ với một số hình dạng, đường dẫn và bitmap cơ bản? Vâng, Android Canvas chỉ cung cấp cho bạn khả năng đó. 1. What is a Canvas? Canvas là một lớp trong Android thực hiện việc vẽ 2D các đối tượng khác nhau lên màn hình. Câu nói “a blank canvas” rất giống với đối tượng Canvas trên Android. Về cơ bản, nó là một không gian trống để vẽ vào. Mẹo: Kiểm tra mã nguồn SKIA để hiểu sâu hơn về việc triển khai Canvas. Rất hữu ích khi biết rằng SKIA được sử dụng trong mã cơ bản cho Android, vì vậy khi bạn gặp khó khăn khi cố gắng hiểu cách hoạt động của một API nhất định, bạn có thể xem mã nguồn dành cho SKIA để hiểu sâu hơn. 2. Canvas Coordinate System Hệ tọa độ của canvas Android bắt đầu ở góc trên cùng bên trái, trong đó [0,0] đại diện cho điểm đó. Trục y dương hướng xuống và trục x dương hướng sang phải. Tất cả các p...