Android Studio bao gồm một trợ lý hình hình ảnh gọi là Trình chỉnh sửa giao diện, nó giúp bạn:
Điều chỉnh giao diện cho các thuật toán phân các loại tài nguyên khác nhau. Trình bày trực quan ảnh hưởng tác động của việc thay đổi màu sắc lên các thành phần trên giao diện người dùng phổ biến.Trang này ra mắt các thao tác cơ phiên bản mà bạn có thể thực hiện với Trình chỉnh sửa giao diện và lý giải cách thực hiện.
Bạn đang xem: Điều chỉnh giao diện cho ứng dụng di động
Thông tin cơ phiên bản về Trình chỉnh sửa giao diện
Phần này trình bày cách truy cập vào Trình sửa đổi giao diện với cách bố cục tổng quan của trình sửa đổi đó.
Truy cập vào Trình chỉnh sửa giao diện
Có hai cách để mở Trình sửa đổi giao diện:
Từ một tệp XML vẻ bên ngoài mở, chẳng hạn như styles.xml, hãy nhấp vàoMở trình chỉnh sửa sinh hoạt gần phía bên trên cùng bên bắt buộc của cửa sổ tệp.Từ trình 1-1 Công cụ, hãy chọn Trình sửa đổi giao diện.Khám phá Trình chỉnh sửa giao diện
Màn hình chủ yếu của Trình chỉnh sửa giao diện được tạo thành hai phần. Ở phía bên trái trình chỉnh sửa,bạn đang thấy các thành phần trên giao diện người dùng rõ ràng (chẳng hạn như thanh vận dụng hoặc nút lồi) trông như vậy nào khi bạn áp dụng đồ họa hiện tại cho những thành phần đó. Ở bên buộc phải của trình chỉnh sửa sẽ hiển thị thương hiệu của giao diện hiện tại đang rất được xem trước, mô-đun mà lại tại đó chủ thể được xác minh và những chế độ thiết đặt cho tài nguyên giao diện, ví dụ điển hình nhưGiao diện mẹ với color
Primary. Chúng ta có thể sửa đổi đồ họa thiết kế bằng phương pháp thay đổicác setup tài nguyên này.
Chủ đề với màu sắc
Trình chỉnh sửa giao diện cho phép bạn tạo những giao diện mới, sửa đổi đồ họa hiện tất cả và cai quản màu sắc khiến cho các bối cảnh đó.
Tạo đồ họa mới
Để chế tạo ra một giao diện, hãy làm theo quá trình sau:
Mở trình solo thả xuống Giao diện làm việc gần phía trên cùng bên yêu cầu của Trình chỉnh sửa giao diện. Nhấp vào Tạo bối cảnh mới. Trong vỏ hộp thoại Giao diện mới, hãy nhập tên cho đồ họa mới. Trong danh sách Tên hình ảnh mẹ, hãy nhấp vào tên chính mà hình ảnh sẽ kế thừa tài nguyên ban đầu.Đổi thương hiệu giao diện
Để thay tên cho một giao diện, hãy thực hiện quá trình sau:
Mở trình đối kháng thả xuống Giao diện làm việc gần phía bên trên cùng bên đề nghị của Trình chỉnh sửa giao diện. Nhấp vào Đổi têntheme-name. Trong vỏ hộp thoại Đổi tên, hãy nhập tên bắt đầu cho đồ họa đó. (không bắt buộc) Để xem các biến hóa sẽ trông như vậy nào, hãy nhấp vào Xem trước. Để áp dụng những thay đổi, hãy nhấp vào Cấu trúc lại.Thay thay đổi tài nguyên màu
Để đổi khác một tài nguyên màu hiện nay có, chẳng hạn như color
Primary,hãy có tác dụng theo các bước sau:
màu sắc được liệt kê sinh sống cột bên trái của vỏ hộp thoại Tài nguyên và được thu xếp thành các nhóm sau.
Dự án: Đây là những màu sắc bên trong dự án của bạn. Chúng ta cũng có thể chỉnh sửa một số màu vì chúng bên trong nguồn dự án của công ty và một trong những khác không thể sửa đổi vì chúng phía trong thư viện mà các bạn đã chuyển vào dự án. android: Đây là các tài nguyên màu thuộc không gian tên Android. Chúng là một phần của khung apk và ko thể chỉnh sửa được. Thuộc tính giao diện: Đây là những thuộc tính của giao diện đang rất được chọn. Các giao diện này được tham chiếu theo đồ họa và tất cả thể chuyển đổi tùy theo giao diện chúng ta đã chọn. Bạn không thể chỉnh sửa các thuộc tính đồ họa từ trong hộp thoại Tài nguyên. khẳng định màu mới
Hình 1. Trình sửa đổi màu
từ trình 1-1 thả xuống ở phía bên trên cùng bên đề nghị của hộp thoại Tài nguyên, hãy nhấp vào Thêm tài nguyên mới > giá trị màu mới. Hộp thoại Tài nguyên hiển thị một ngăn sửa đổi bên cần với ngôi trường Tên trống để bạn có thể nhập tên cho màu tuỳ chỉnh. tạo màu tuỳ chỉnh như sau. Quá trình tương ứng với chú thích trong hình 1. Nhập tên mang lại giá trị màu mới của bạn vào ngôi trường Tên để trống. Tên ko được cất dấu biện pháp hoặc ký tự quánh biệt. Có thể sử dụng lốt gạch dưới cùng số. Thang màu, ngôi trường Màu tùy chỉnh và công cụ chọn màu: bên trên thang màu, hãy nhấp vào màu các bạn muốn. Màu sắc sẽ hiển thị trong trường Màu tuỳ chỉnh. Chúng ta cũng có thể dùng cơ chế chọn màu sắc ở bên trái của ngôi trường Màu tùy chỉnh để chọn màu. Nhấp vào luật pháp chọn màu
Bạn rất có thể sửa đổi bất kỳ màu có thể chỉnh sửa nào. Giả dụ một màu hoàn toàn có thể chỉnh sửa, bạn sẽ thấy màu có thể chỉnh sửa, color sắc, độ mờ, ngôi trường tên cùng trường cấu hình thiết bị. Hãy xem phần lựa chọn màu nếu bạn có nhu cầu biết nguyên nhân một số trường hoàn toàn có thể chỉnh sửa được còn một trong những trường không giống thì không.
Điều chỉnh các cơ chế cài đặt. Nhấp vào OK.So khớp color của chất liệuNếu đã khẳng định hoặc sửa thay đổi màu tuỳ chỉnh của dự án, bạn có thể đảm bảo color đó phù hợp với color bảng gia công bằng chất liệu gần nhất bằng cách nhấp vào MÀU CHẤT LIỆU GẦN NHẤT nằm cạnh bên Màu tuỳ chỉnh. App android Studio chuyển đổi giá trị về độ mờ và màu củamàu nhan sắc mà các bạn đã chọn thành màu sắc cho làm từ chất liệu giống nhất, đồng thời thay thế sửa chữa Màu tùy chỉnhbằng tên của màu sắc trong bảng màu chất liệu.
Lưu ý: nhân tài MÀU CHẤT LIỆU GẦN NHẤT chỉ hiển thị lúc màu chưa hẳn là màu hóa học liệu.
Xem list trạng thái cùng màu
Trình sửa đổi giao diện được cho phép bạn xem trướccác color được liên kết với các trạng thái khác nhau. Để triển khai việc này, hãy mở vỏ hộp thoại Tài nguyên bằng phương pháp nhấp vào hình vuông màu đặt ở lân cận tên của tài nguyên danh sách trạng thái có thể chỉnh sửa. Vỏ hộp thoạiTài nguyên hiển thị một danh sách các trạng thái, chẳng hạn như Đã chọn vàgiá trị color được links với tâm lý đó. Nhấp vào màu cho 1 trạng thái để chọn một giá trị màu khác.
Để điều hành và kiểm soát hoàn toàn những trạng thái tốt hơn, chúng ta có thể trực tiếp xem và chỉnh sửacác nằm trong tính của trạng thái trong tệp XML xác định các trạng thái đó. Để biết thêm thông tin, hãy xemtài liệu về loại
Color
State
List.
Cấu hình dành riêng cho thiết bị
Khi một màu trở nên hoàn toàn có thể chỉnh sửa, chúng ta có thể chọncấu hình giành cho thiết bị để ứng dụng của bạn hỗ trợ. Để thực hiện, hãy có tác dụng theo công việc sau:
chọn màu Dự án, tiếp nối ở cuối ngăn mặt phải, hãy nhấp để mở rộng Cấu hình thiết bị, phần này hiển thịnhóm tài nguyên cùng tên của tệp XML cất tài nguyên cùng danh sách các thư mục ví dụ theo cấu hình để đặt tệp đó vào.Nếu cần, hãy chuyển đổi tên tệp XML.Chọn hộp bên cạnh các thư mục tương xứng vớicác cấu hình dành riêng mang lại thiết bị mà bạn có nhu cầu hỗ trợ. Bất kỳ cấu hình nàomà bạn không chỉ có định thư mục đã mặc định thực hiện thư mụcvalues.Để biết thêm tin tức về quan hệ giữatên và cấu hình thư mục, hãy xem
Hỗ trợ nhiều màn hình. Để biết thêm tin tức vềcác tên thư mục được hỗ trợ, hãy xem
Cung cấp cho Tài nguyên.
Nội dung với mã chủng loại trên trang này phải vâng lệnh các bản thảo như biểu đạt trong phần giấy tờ nội dung. Java cùng Open
JDK là thương hiệu hoặc thương hiệu đã đăng ký của Oracle và/hoặc 1-1 vị links của Oracle.
< "type": "thumb-down", "id": "missing
The
Information
INeed", "label":"Thiếu tin tức tôi cần" , "type": "thumb-down", "id": "too
Complicated
Too
Many
Steps", "label":"Quá phức tạp/quá các bước" , "type": "thumb-down", "id": "out
Of
Date", "label":"Đã lỗi thời" , "type": "thumb-down", "id": "translation
Issue", "label":"Vấn đề về bản dịch" , "type": "thumb-down", "id": "samples
Code
Issue", "label":"Vấn đề về mẫu/mã" , "type": "thumb-down", "id": "other
Down", "label":"Khác" > < "type": "thumb-up", "id": "easy
To
Understand", "label":"Dễ hiểu" , "type": "thumb-up", "id": "solved
My
Problem", "label":"Giúp tôi giải quyết được vấn đề" , "type": "thumb-up", "id": "other
Up", "label":"Khác" >
Tìm phát âm thêm về Android
Khám phá
Thiết bị Android
Bản vạc hành
Tài liệu với nội dung cài đặt xuống
Hỗ trợ
Đây là bài viết của bạn Bosco 193 bên trên Hoovada - nền tảng gốc rễ hỏi với đáp bài bản trên các lĩnh vực khác nhau giúp giải đáp vướng mắc của gần như người.
Việc sử dụng điện thoại thông minh đã tăng đều đặn trong tương đối nhiều năm nay, với hơn 1 phần ba dân số quả đât hiện đang “dính” vào dế yêu kì diệu. Việc tạo thành các vận dụng di động cũng bùng phát một giải pháp dễ hiểu, cơ mà để xây đắp một vận dụng di rượu cồn tốt, thì họ cần tính đến một số trong những quy tắc “Vàng”. Vớ nhiên, xây đắp giao diện di động cầm tay là “câu chuyện khác” đối với môi trường máy tính để bàn.
Bài viết dưới đây sẽ đưa ra 5 phép tắc “vàng” cho thiết kế giao diện di động:
1. Form size là tất cả mọi thứ
Nghe có vẻ như hiển nhiên, nhưng form size màn hình điện thoại thông minh là giảm bớt chính của giao diện người tiêu dùng khi tạo áp dụng di động. Kích thước tác động đến xây đắp trực quan, sự nhìn nhận và thậm chí còn cả trải nghiệm tuyệt vời và hoàn hảo nhất của fan dùng.
Cùng với size màn hình, việc người dùng điện thoại cảm ứng thông minh tương tác đa số bằng ngón tay chứ chưa phải con trỏ chuột gồm tác động không hề nhỏ đến xây dựng giao diện. Những nhà kiến thiết cần nhận biết “vùng thoải mái” và phần đông vùng cần tránh khi thực hiện “Kêu call hành động”. Vùng Ngón tay mẫu là vùng được áp dụng “rộng rãi”, cũng chính vì đây là khu vực dễ chịu nhất để chạm vào khi áp dụng một tay.
Nếu chúng ta không phải là một trong những người thừa chuyên, thì các bạn nên tham khảo UI / UX “mẫu” để tạo thành bố cục di động về tối ưu nhất.
2. Khoảng chừng trắng cũng là tất cả mọi thứ
Kích thước của màn hình ảnh hưởng kích thước của những thành phần được hiển thị và khoảng trắng bao bọc chúng. Các nút yêu cầu đủ bự để trải nghiệm cùng nhấp vào nhưng mà không chạm mặt khó khăn. Tất cả các công ty lớn trong ngành cầm tay (Apple, Android, thậm chí cả nhóm tìm kiếm Console của Google) phải cung cấp các cơ chế về mức độ to của từng nút biểu tượng.
Khoảng trắng cũng rất quan trọng. Bằng cách đặt nhì nút “quá sát” cạnh nhau, thì điều đó không đem lại đủ không khí giữa nhì nút. Trường đoản cú đó, người dùng sẽ có nguy cơ tiềm ẩn nhấp “nhầm” vào nút và dẫn đến tác động ảnh hưởng tiêu cực mang đến trải nghiệm.
3. Kính trọng “nguyên tắc” giao diện
Nếu bạn không phải là một trong những người giỏi thiết kế hay những “nhập môn” thiết kế, thì chúng ta nên tôn trọng “nguyên tắc” giao diện. Chúng ta nên ưu tiên bố cục tổng quan dọc và đơn giản dễ dàng trong lúc tôn trọng những “luật chơi” vì i
OS và app android đề ra. Chúng ta nên tìm hiểu thêm những trả lời một bí quyết kĩ lưỡng để hiểu phần lớn gì yêu cầu làm và đa số gì không nên làm đối cùng với từng hệ điều hành.
Bạn yêu cầu hiểu về phong thái đồ họa (hiện là xây dựng phẳng cho i
OS và xây cất material design mang đến Android), và những thành phần thường nhìn thấy (nút, điều hướng, hình dáng chữ, thẻ, tab). Trường đoản cú đây, giao diện của người tiêu dùng không số đông “tối ưu” hệ quản lý mà còn “thân thiện” với những người dùng.
4. Mỗi màn hình là một trọng trách cụ thể
Vì ích lợi của vấn đề tối ưu hóa trải nghiệm fan dùng, hãy đặt kim chỉ nam mỗi màn hình hiển thị chỉ cất một tin tức cốt lõi cùng một hành động nhất quán. Trước khi ban đầu tạo ra các xây dựng của ứng dụng, điều quan trọng là dành thời gian phân tích nhu yếu của người tiêu dùng và lộ trình trải nghiệm của họ thông qua ứng dụng.
Thật sự là tồi tệ lúc bạn cố gắng “nhồi nhét” không ít yêu cầu hành vi vào một màn hình. Điều này sẽ không chỉ khiến cho giao diện trở bắt buộc “rối rắm”, mà người tiêu dùng còn cảm thấy bối rối khi hy vọng đi đến hành động cụ thể cho ra quyết định tiếp theo.
5. Cẩn thận nơi vận dụng “được chọn”
Cuối cùng, hãy nhớ là tính đến môi trường xung quanh mà áp dụng của bạn sẽ được sử dụng. Điện thoại hoàn hảo được sử dụng theo nghĩa black ở khắp hầu như nơi : phía bên trong và bên ngoài, trên phương tiện giao thông vận tải công cộng, đi bộ, chạy ...
Lấy trong những ví dụ về sự biến hóa quan trọng của ứng dụng, đó chính là độ sáng sủa (trong công ty so với mặt ngoài), với độ tương phản thậm chí còn trở nên đặc biệt hơn. Hãy chắc chắn rằng xây cất của bạn có thể đọc được dưới tia nắng mặt trời khá đầy đủ nếu là vận dụng về đo ánh sáng không khí hoặc bản đồ. Vớ nhiên, nếu như ứng dụng của chúng ta là về tiện ích giấc ngủ thì thiết kế theme nên sử dụng các color “dịu nhẹ”. Hãy đọc các biện pháp kiểm tra độ tương phản miễn giá tiền trên internet để tạo nên trải nghiệm màu sắc tối ưu nhất.
Xem thêm: Các Hình Thức Sinh Sản Vô Tính Ở Thực Vật, Ví Dụ Về Sinh Sản Vô Tính Ở Thực Vật
Kết luận
Thực sự không tiện lợi để tạo thành một ứng dụng giỏi “trong lẫn ngoài”. Bạn sẽ cần thêm không ít thời gian và sự thua kém để tạo nên một vận dụng tuyệt vời. Mặc dù nhiên, nếu bạn tuân thủ 5 luật lệ “vàng” trong bài bác viết, thì bạn sẽ tạo ra một thiết kế giao diện cầm tay “tối ưu và thân thiện” nhất cho tất cả những người dùng.
Đây là nội dung bài viết của các bạn Bosco 193 trên Hoovada. Các bạn có thể kết nối cùng với nhau thông qua Hoovada trên Facebook. Một số thắc mắc hay trên Hoovada: