Android

Android JetPack学习总结(八)

Room(三)

使用RecycleView显示数据

使用recyclerView的最核心步骤就是写出adapter:

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {

    List<Word> allWords=new ArrayList<>();

    public void setAllWords(List<Word> allWords) {
        this.allWords = allWords;
    }

    @NonNull
    @Override
    public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        LayoutInflater layoutInflater=LayoutInflater.from(parent.getContext());
        View itemView=layoutInflater.inflate(R.layout.cell_normal,parent,false);
        return new MyViewHolder(itemView);
    }

    @Override
    public void onBindViewHolder(@NonNull MyViewHolder holder, int position) {
        Word word=allWords.get(position);
        holder.textViewNumber.setText(String.valueOf(position+1));
        holder.textViewEnglish.setText(word.getWord());
        holder.textViewChinese.setText(word.getChineseMeaning());
    }

    @Override
    public int getItemCount() {
        return allWords.size();
    }

    static class MyViewHolder extends RecyclerView.ViewHolder{
        TextView textViewNumber,textViewEnglish,textViewChinese;
        public MyViewHolder(@NonNull View itemView) {
            super(itemView);
            textViewNumber=itemView.findViewById(R.id.textViewNumber);
            textViewEnglish=itemView.findViewById(R.id.textViewEnglish);
            textViewChinese=itemView.findViewById(R.id.textViewChinese);
        }
    }
}

然后,需要将这个adapter绑定到recyclerView中去。recyclerView还需要设置布局。

recyclerView=findViewById(R.id.recyclerView);
        myAdapter=new MyAdapter();
        recyclerView.setLayoutManager(new LinearLayoutManager(this));//设置
        recyclerView.setAdapter(myAdapter);

由于数据使用liveData存储的,只需要在观察者中维护adpater的数据就可以了。

wordViewModel.getAllWordsLive().observe(this, new Observer<List<Word>>() {
            @Override
            public void onChanged(List<Word> words) {
                myAdapter.setAllWords(words);
                myAdapter.notifyDataSetChanged();//通知数据更新
            }
        });
使用cardView

使用cardView可以使得能够将所有的view都放在一张张卡片(直观的)中,cardView也是一个容器类,也需要调整内部的布局方式和设置边界。

<LinearLayout 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:layout_width="match_parent"
    android:layout_height="wrap_content">

    <androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        app:layout_constraintTop_toTopOf="parent"
        tools:layout_editor_absoluteX="1dp">

        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
app:layout_constraintBottom_toTopOf="@+id/textViewChinese"
                app:layout_constraintEnd_toStartOf="@+id/guideline5"
                app:layout_constraintHorizontal_bias="0.0"
                app:layout_constraintStart_toStartOf="@+id/guideline4"
                app:layout_constraintTop_toTopOf="parent" />

            <TextView
                android:id="@+id/textViewChinese"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="8dp"
                android:text="TextView"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintStart_toStartOf="@+id/textViewEnglish"
                app:layout_constraintTop_toBottomOf="@+id/textViewEnglish" />
        </androidx.constraintlayout.widget.ConstraintLayout>
    </androidx.cardview.widget.CardView>
</LinearLayout>

效果如下:

image
为recyclerView设置两套adapter

创建两个adapter,这两个adapter是并行的、等价的,他们同时接受数据的更新,只不过其用的ViewHolder的视图资源并不相同。可以用一个switch来对其使用进行切换。

aSwitch=findViewById(R.id.switch1);
        aSwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
                if (b){
                    recyclerView.setAdapter(myAdapter2);
                }else {
                    recyclerView.setAdapter(myAdapter1);
                }
            }
        });
        recyclerView=findViewById(R.id.recyclerView);
        myAdapter1=new MyAdapter(false);
        myAdapter2=new MyAdapter(true);
        recyclerView.setLayoutManager(new LinearLayoutManager(this));//设置
        recyclerView.setAdapter(myAdapter1);
为itemView设置点击时的回馈

在视图资源的根节点为其设置clickable为true,

image 1

相当于代码中增加了

android:clickable="true"

这句话。

再设置background:

image 2
android:background="?attr/selectableItemBackground"

在有cardView的视图资源中,如果还是从顶层容器设置背景的话,反馈的波纹会被cardView遮挡住,此时需要在cardView中设置前景。

image 3
android:foreground="?attr/selectableItemBackground"

效果图:

GIF 2020 11 2 10 15 58

发表评论