一、GridView
1、簡介：GridView是一個在二維可滾動的網格中展示內容的控件。網格中的內容通過使用adapter2自動插入到布局中。
2、案例：手機的功能菜單界面
3、GridView的xml文件：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent">
<GridView android:id="@+id/menu_grid" android:layout_width="match_parent" android:layout_height="match_parent" android:numColumns="3" android:layout_margin="20dp"
/>
</LinearLayout>
4、適配器的xml文件：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical">
<ImageView android:id="@+id/menu_img" android:layout_width="90dp" android:layout_height="90dp" android:layout_margin="5dp"/>
<TextView android:id="@+id/menu_text" android:layout_width="wrap_content" android:layout_height="60dp" android:textSize="24dp" android:layout_margin="5dp"/>
</LinearLayout>
5、GridView的邏輯代碼：
package com.me.androidstudy; import android.app.Activity; import android.os.Bundle; import android.widget.GridView; import androidx.annotation.Nullable; import com.me.adapter.MenuAdapter; import com.me.domain.MenuItem; import java.util.ArrayList; import java.util.List; public class Activity_grid extends Activity { GridView menu_gridView; MenuAdapter menuAdapter; List<MenuItem> data = new ArrayList<>(); public void initView(){ menu_gridView = findViewById(R.id.menu_grid); menuAdapter = new MenuAdapter(); } public void action(){ data.add(new MenuItem("二手車",R.drawable.car)); data.add(new MenuItem("彩票",R.drawable.cp)); data.add(new MenuItem("日歷",R.drawable.data)); data.add(new MenuItem("記事本",R.drawable.jsb)); data.add(new MenuItem("新聞熱點",R.drawable.news)); data.add(new MenuItem("網絡設置",R.drawable.wf)); data.add(new MenuItem("天氣",R.drawable.tq)); data.add(new MenuItem("視頻",R.drawable.tv)); data.add(new MenuItem("應用市場",R.drawable.yysc)); menuAdapter.setData(data); menu_gridView.setAdapter(menuAdapter); } @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_grid); initView(); action(); } }
6、適配器數據項實體：
package com.me.domain; public class MenuItem { private String menuTitle; private int res_id; public MenuItem(String menuTitle, int res_id) { this.menuTitle = menuTitle; this.res_id = res_id; } public String getMenuTitle() { return menuTitle; } public void setMenuTitle(String menuTitle) { this.menuTitle = menuTitle; } public int getRes_id() { return res_id; } public void setRes_id(int res_id) { this.res_id = res_id; } }
7、適配器的邏輯代碼：（baseAdapter）
package com.me.adapter; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.TextView; import com.me.androidstudy.R; import com.me.domain.MenuItem; import java.util.ArrayList; import java.util.List; public class MenuAdapter extends BaseAdapter { List<MenuItem> data = new ArrayList<>(); public void setData(List<MenuItem> data) { this.data = data; } @Override public int getCount() { return data.size(); } @Override public Object getItem(int position) { return data.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { View menuItem = LayoutInflater.from(parent.getContext()).inflate(R.layout.menu_adapter, null); ImageView menu_img = menuItem.findViewById(R.id.menu_img); TextView menu_text = menuItem.findViewById(R.id.menu_text); menu_img.setBackgroundResource(data.get(position).getRes_id()); menu_text.setText(data.get(position).getMenuTitle()); return menuItem; } }
二、RecycleView
1、簡介：RecyclerView是Android一個更強大的控件,其不僅可以實現和ListView同樣的效果,還有優化了ListView中的各種不足。其可以實現數據縱向滾動,也可以實現橫向滾動(ListView做不到橫向滾動)。接下來講解RecyclerView的用法。
2、案例：學生信息列表（圖片+文字）
3、依賴：
dependencies
{ implementation 'androidx.recyclerview:recyclerview:1.1.0' }
4、RecycleView的xml文件：
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent">
<androidx.recyclerview.widget.RecyclerView android:id="@+id/students" android:layout_width="match_parent" android:layout_height="wrap_content" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent"
/>
</androidx.constraintlayout.widget.ConstraintLayout>
5、適配器的xml文件：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#1DEBE6E6" android:orientation="horizontal">
<ImageView android:id="@+id/sex" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="5dp"/>
<TextView android:id="@+id/cuo" android:layout_width="wrap_content" android:layout_height="60dp" android:textSize="24dp" android:layout_margin="5dp"/>
</LinearLayout>
6、RecycleView的邏輯代碼：
package com.me.androidstudy; import android.app.Activity; import android.os.Bundle; import androidx.annotation.Nullable; import androidx.recyclerview.widget.LinearLayoutManager; import androidx.recyclerview.widget.RecyclerView; import com.me.domain.Student; import java.util.ArrayList; import java.util.List; import com.me.adapter.StudentAdapter; public class Activity_Rec extends Activity { RecyclerView studentRec ; List<Student> data = new ArrayList<>(); StudentAdapter adapter = new StudentAdapter(); public void initView(){ studentRec = findViewById(R.id.students); } public void action(){ for (int i = 0; i < 50; i++) { Student student = new Student(); student.setName("笑天"+i); student.setId(20180001+i); student.setSex(i%2==0?"男":"女"); data.add(student); } adapter.setData(data); /** * * 必須加 studentRec.setLayoutManager(new LinearLayoutManager(this)); * */ studentRec.setLayoutManager(new LinearLayoutManager(this)); studentRec.setAdapter( adapter); } @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.student_rec); initView(); action(); } }
7、適配器數據項實體：
package com.me.domain; public class Student { private int id; private String name; private String sex; public int getId() { return id; } public void setId(int id) { this.id = id; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getSex() { return sex; } public void setSex(String sex) { this.sex = sex; } @Override public String toString() { return "學號：" + id +
"\n姓名：" + name +
"\n性別：" + sex + "\n"; } }
8、適配器的邏輯代碼：(RecyclerView.Adapter)
package com.me.adapter; import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.TextView; import androidx.annotation.NonNull; import androidx.recyclerview.widget.RecyclerView; import com.me.androidstudy.R; import com.me.domain.Student; import java.util.ArrayList; import java.util.List; public class StudentAdapter extends RecyclerView.Adapter<com.me.adapter.StudentAdapter.MyViewHolder> { List<Student> data = new ArrayList<>(); public void setData(List<Student> data) { this.data = data; Log.e("rec",data.size()+""); } @NonNull @Override public com.me.adapter.StudentAdapter.MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { LayoutInflater layoutInflater = LayoutInflater.from(parent.getContext()); View itemView = layoutInflater.inflate(R.layout.student_adapter,parent,false); return new MyViewHolder(itemView); } @Override public void onBindViewHolder(@NonNull com.me.adapter.StudentAdapter.MyViewHolder holder, int position) { Log.e("rec",data.get(position).getName()+"p"); String text = data.get(position).getName()+" "+data.get(position).getId()+" "+data.get(position).getSex(); holder.info.setText(text); if(data.get(position).getSex().equals("男")){ holder.sex.setBackgroundResource(R.drawable.m1); }else{ holder.sex.setBackgroundResource(R.drawable.f1); } } @Override public int getItemCount() { return data.size(); } class MyViewHolder extends RecyclerView.ViewHolder{ TextView info ; ImageView sex; public MyViewHolder(@NonNull View itemView) { super(itemView); info = itemView.findViewById(R.id.cuo); sex = itemView.findViewById(R.id.sex); Log.e("rec",data.get(0).getName()); Log.e("rec","1234"); } } }