Seri tự học lập trình android

Xin chào các bạn, từ bây giờ bản thân vẫn giới thiệuvề thiết kế app android tổng quan liêu với bí quyết custom lại chiếc dữ liệu trong Recyclerview. Các chúng ta thuộc theo dõi nha

Recyclerview là gì?

RecyclerView là 1 ViewGroup nó được dùng làm chuẩn bị với hiển thị những View tựa như nhau. RecyclerView được cho là sự kế thừa của ListView với GridView. Ưu điểm nổi tiếng của RecyclerView là nó có tác dụng không ngừng mở rộng tốt hơn, nó hoàn toàn có thể hiển thị tài liệu linch hoạt theo cả chiều ngang và chiều dọc, nâng cấp hiệu năng so với listview .

Bạn đang xem: Seri tự học lập trình android

Khi áp dụng recyclerview game android ta bắt buộc có:

Recyclerview.Adapter: Quản lý với cập nhật tài liệu hiển thị vào View trong phần tử của recyclerview,lúc chế tạo ra custom Adapter họ phảioverridelại nhị cách làm bao gồm là:

onCreateViewHolder: Phương thơm thức dùng làm tạo ra view new mang lại RecyclerView.onBindViewHolder: Phương thơm thức này dùng để lắp data với ánh xạ view.

RecyclerView.LayoutManager: Lớp mà lại nhằm phương tiện bí quyết cơ mà vị trí những phần tử vào RecyclerView hiện thị lên, có thể áp dụng những lớp kế thừa LinearLayoutManager, GridLayoutManager, StaggerdGridLayoutManager.

LinearLayoutManager : Các vật phẩm của recyclerview sẽ scroll theo theo hướng dọc.GridLayoutManager: Các itemcủa recyclerview sẽ hiển thị cùng với dạng gird nhỏng GirdView.StaggerdGridLayoutManager:Các itemcủa recyclerview đã hiển thị cùng với dạnggird so le.

RecyclerView.ItemAnimator: Lớp để thi công hiệu ứng cho những sự khiếu nại trên phần tử hiển thị, như cảm giác Khi thêm phần tử vào, xóa thành phần khỏiRecyclerView.

Trong nội dung bài viết này mình đang lý giải chúng ta bí quyết custom loại tài liệu của recyclerview scroll theo chiều dọc củ nhé !

Trước hết các bạn msinh sống game android studio tạo nên project trong android studio bằng phương pháp click vào menu File ->New -> New Project...

Xem thêm: Cách Sử Dụng Eyeliner, Kẻ Mắt Đẹp, Đơn Giản Cho Người Mới Tập

tiếp nối một vỏ hộp thoại sẽ hiện lên với chọn Empty Activity và nhấn Next nhé.

*

Sau đó khắc tên cho project của bản thân mình, phần Package name mình nhằm nguyên, Save sầu seclection là băng thông giữ project nhằm tùy ý nhé , Language mình lựa chọn java, Minimun SDK bản thân để API 16: Android 4.1( Jelly Bean) để những máy phiên phiên bản rẻ có thể download được vận dụng của chính bản thân mình rồi dìm Finish.

*

Sau lúc sinh sản hoàn thành project đầu tiên tathêmgói tư vấn của meterial thiết kế vào app android studio, vì khoác định recyclerview không tồn tại sẵn trong app android SDKvậy bắt buộc chúng ta đã thêmgói tư vấn của meterial design vào filebuild.gradlecủa phầm mềm modulecùng dìm sync now để apk studio tải về thư viện về như hình dưới nhé :

implementation "com.apk.support:design:29.1.0"

*

Tạo class model có tên là SanPsi mê để đựng data.

public class SanPđắm đuối private String tenSanPham; private double GiaSanPham; private int hinhSanPham; public SanPham(String tenSanPmê say, double giaSanPtê mê, int hinhSanPham) this.tenSanPtê mê = tenSanPham; GiaSanPmê man = giaSanPham; this.hinhSanPđê mê = hinhSanPham; public String getTenSanPham() return tenSanPham; public void setTenSanPham(String tenSanPham) this.tenSanPham = tenSanPham; public double getGiaSanPham() return GiaSanPham; public void setGiaSanPham(double giaSanPham) GiaSanPtê mê = giaSanPham; public int getHinhSanPham() return hinhSanPham; public void setHinhSanPham(int hinhSanPham) this.hinhSanPsi = hinhSanPham; Tạo thành công của reyclerview : item_view.xml

*

Viết mã mang lại layout trong activity_main.xml

*

Tạo class SanPhamAdapter để custom chiếc dữ liệu cho recyclerview

public class SanPhamAdapter extends RecyclerView.Adapter Context context; ArrayList listSanPham; public SanPhamAdapter(Context context, ArrayList listSanPham) this.context = context; this.listSanPtê mê = listSanPham;
NonNull ViewGroup parent, int viewType) // gán view View view = LayoutInflater.from(context).inflate(R.layout.item_view, parent, false); return new ViewHolder(view);
NonNull ViewHolder holder, int position) // Gán dữ liêuk SanPsi mê sanPmê mẩn = listSanPsi mê.get(position); holder.txtTenSanPmê man.setText(sanPđắm đuối.getTenSanPham()); Locale locale = new Locale("vn", "VN"); NumberFormat currencyFormatter = NumberFormat.getCurrencyInstance(locale); holder.txtGiaSanPsi.setText(currencyFormatter.format(sanPtê mê.getGiaSanPham())); holder.imgAvatar.setImageResource(sanPsi.getHinhSanPham());
Override public int getItemCount() return listSanPmê mệt.size(); // trả thành tựu tại địa điểm postion class ViewHolder extends RecyclerView.ViewHolder ImageView imgAvatar; TextView txtTenSanPham mê, txtGiaSanPham; public ViewHolder(
NonNull View itemView) super(itemView); // Ánh xạ view imgAvatar = itemView.findViewById(R.id.imgAvatar); txtGiaSanPham = itemView.findViewById(R.id.txtGiaSanPham); txtTenSanPham mê = itemView.findViewById(R.id.txtTenSanPham); Viết mã Cho MainActivity.

Xem thêm: Review: The Power Rangers Đánh Giá, Saban'S Power Rangers (2017)

public class MainActivity extends AppCompatActivity RecyclerView recyclerView;ArrayList listSanPham;SanPhamAdapter sanPhamAdapter;
Override protected void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); recyclerView=findViewById(R.id.recyclerview); listSanPham=new ArrayList(); listSanPsi.add(new SanPham("Xiaomi Mi 10",12000000,R.drawable.xiaomi_mi10)); listSanPsay đắm.add(new SanPham("Iphone X",19000000,R.drawable.iphonex)); listSanPsi mê.add(new SanPham("Iphone 11",23000000,R.drawable.iphone_11)); listSanPmê mẩn.add(new SanPham("Xiaomi blaông xã shark 3",14000000,R.drawable.black_sharp3)); listSanPđam mê.add(new SanPham("Samsung galaxy s10",14000000,R.drawable.galaxy_s10)); listSanPmê mệt.add(new SanPham("Oppo reno 3",10000000,R.drawable.oppo)); listSanPđắm đuối.add(new SanPham("Samsung note 10",14000000,R.drawable.samsungnote10)); listSanPđam mê.add(new SanPham("Iphone 8",17000000,R.drawable.iphone8)); sanPhamAdapter=new SanPhamAdapter(getApplicationContext(),listSanPham); recyclerView.setAdapter(sanPhamAdapter);

Thành quả

Cuối cùng ta chạy ứng dụng với coi tác dụng nhé ! Hiển thị nhỏng hình bên dưới là các bạn đã thành công !

*

Lưu ý chúng ta ko duy nhất thiết phải làm kiểu như mình nhé ! Các bạn cũng có thể núm hình, đổi bố cục, color chữ tùy các bạn.


Chuyên mục: Kiến Thức