Google phát hành tài liệu về thiết kế giao diện Material Design dành cho Android, iOS và Web
Tạo các ứng dụng đẹp với các thành phần giao diện mô đun và tuỳ chỉnh.
Thư viện icons cho bạn tải về miễn phí
Nếu bạn đang tập tành tạo thư viện Android và muốn đăng tải lên cộng đồng, bạn sẽ tìm thấy những hướng dẫn link
Bạn nào muốn tìm thiết kế giao diên cho Android có thể tìm thấy những thư viện component dành cho Android [ở đây] (https://material.io/components/android/catalog/)
Sử dụng những thư viện đó như thế nào?
Bước 1: Chỉnh sửa build.gradle
dependencies {
compile ‘com.android.support:design:[Library version code]’
}
Để sử dụng thư viện Material Components với hệ thống Gradle Build, hãy đưa thư viện vào build.gradle dependencies cho ứng dụng của bạn.
Bước 2: Cập nhật Giao diện (Layout) của bạn
< android.support.design.widget.FloatingActionButton android:id="@id/fab" />
Thêm tham chiếu đến thành phần (widget) mà bạn muốn sử dụng trong bố cục XML của bạn. (Bạn cũng có thể tự động tạo một widget trong Java.)
Bước 3: Đưa Component vào Java class.
Bạn đặt import liên hệ đến widget bạn sử dụng vào lớp Java, ví dụ như:
import android.support.design.widget.FloatingActionButton;
Sau đó sử dụng nó:
FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
// Do something!
}
});
Tài liêu dành cho bạn nào muốn tập tành thiết kế phát triển một hệ thống cho phép trải nghiệm trên nền tảng và kích cỡ thiết bị. Khái niệm về điện thoại di động và nguyên tắc cơ bản…
Tương tự, tài liệu dành cho iOS here
Dành cho web, thư viện phong phú hơn Bootstrap, có tính tương thích cao cho tất cả các thiết bị di động, ứng dụng với Node JS, Angular2, react, vue demo
