Android使用RecyclerView實現投票系統

阿新 • • 發佈：2020-01-07

本文例項為大家分享了Android投票系統的具體程式碼，供大家參考，具體內容如下

一、建立一個fragment_vote_list.xml用來顯示投票的主頁面

（1）標題欄使用Toolbar
（2）投票區域可以滑動，使用RecyclerView實現

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 android:clickable="true"
 android:background="@color/backgroundColorWhite">
 <LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="@color/backgroundColorWhite"
  android:orientation="vertical">
  <android.support.v7.widget.Toolbar
   android:id="@+id/vote_list_toolbar"
   android:layout_width="match_parent"
   android:layout_height="@dimen/toolbarHeight"
   android:background="@color/backgroundColorWhite"
   app:contentInsetStart="0dp">
   <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button
     android:id="@+id/vote_list_back_btn"
     android:layout_width="@dimen/titleBarBackWidth"
     android:layout_height="@dimen/titleBarBackHeight"
     android:layout_margin="@dimen/margin_min"
     android:layout_centerVertical="true"
     android:background="@drawable/titlebar_back"
     android:layout_marginLeft="@dimen/padding_20"
     />
    <TextView
     android:id="@+id/vote_list_title_tv"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_centerInParent="true"
     android:layout_gravity="center_vertical"
     android:text="投票"
     android:textColor="@color/textcolor_28282d"
     android:textSize="@dimen/textSizeMax"
     android:textStyle="bold"/>
   </RelativeLayout>
  </android.support.v7.widget.Toolbar>

  <android.support.v7.widget.RecyclerView
   android:id="@+id/vote_list_recycleview"
   android:layout_width="match_parent"
   android:layout_height="match_parent">
  </android.support.v7.widget.RecyclerView>
 </LinearLayout>
</RelativeLayout>

注：介面字型大小以及控制元件寬度自行調整即可，使用RecyclerView首先需要在專案的build.gradle中新增相應的依賴庫才行。新增:implementation ‘com.android.support:recyclerview-v7:24.2.1'

介面效果：

二、建立一個item_vote.xml用來顯示投票的具體內容

（1）主佈局使用LinearLayout實現，裡面新增一個TextView用來顯示投票的問題，使用CheckBox作為投票的多選框。
（2）將當前的Item載入到投票的主頁面中

<?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="wrap_content"
 android:background="@color/backgroundColorWhite"
 >
 <TextView
  android:id="@+id/item_vote_question_tv"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="1.請問你支援哪一個決議?"
  android:textColor="@color/black"
  android:textSize="@dimen/item_vote_question"
  android:layout_marginLeft="@dimen/padding_20" />
 <LinearLayout
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:background="@color/backgroundColorWhite"
  android:orientation="vertical"
  android:layout_margin="@dimen/padding_20">
  <CheckBox
   android:id="@+id/item_vote_answer1_cb"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="AAAAAA"
   android:textColor="@color/black"
   android:textSize="@dimen/item_vote_answer" />
  <CheckBox
   android:id="@+id/item_vote_answer2_cb"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="BBBBBBB"
   android:textColor="@color/black"
   android:textSize="@dimen/item_vote_answer" />
  <CheckBox
   android:id="@+id/item_vote_answer3_cb"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="BCCCCC"
   android:textColor="@color/black"
   android:textSize="@dimen/item_vote_answer" />

 </LinearLayout>
 
</LinearLayout>

介面效果：

三、建立一個投票資訊實體類作為介面卡的適配型別,新建VoteInfo.java類。

public class VoteInfo {
 private String questionItem;
 private String[] answerItems;
 public VoteInfo(String questionItem,String[] answerItems){
  this.questionItem=questionItem;
  this.answerItems=answerItems;

 }
 public String getQuestionItem(){
  return questionItem;
 }
 public String[] getAnswerItems(){
  return answerItems;
 }
}

四、接下來需要為RecyclerView準備一個介面卡，新建VoteInfoAdapter.java，讓這個介面卡繼承自RecyclerView.Adapter，並將泛型指定為VoteInfoAdapter.ViewHolder。其中，ViewHolder是我們在VoteInfoAdapter中定義的一個內部類。

public class VoteInfoAdapter extends RecyclerView.Adapter<VoteInfoAdapter.ViewHolder> {

 private List<VoteInfo> mVoteInfoList;
 @Override
 public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent,int viewType) {
  View view= LayoutInflater.from(parent.getContext()).inflate(R.layout.item_vote,parent,false);
  ViewHolder holder=new ViewHolder(view);
  return holder;
 }

 @Override
 public void onBindViewHolder(@NonNull ViewHolder holder,int position) {
  VoteInfo voteInfo=mVoteInfoList.get(position);
  holder.questionItem.setText(voteInfo.getQuestionItem());
  holder.answerItem_1.setText(voteInfo.getAnswerItems()[0]);
  holder.answerItem_2.setText(voteInfo.getAnswerItems()[1]);
  holder.answerItem_3.setText(voteInfo.getAnswerItems()[2]);

 }

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

 static class ViewHolder extends RecyclerView.ViewHolder{
  TextView questionItem;
  CheckBox answerItem_1;
  CheckBox answerItem_2;
  CheckBox answerItem_3;
  public ViewHolder(View itemView) {
   super(itemView);
   questionItem=(TextView)itemView.findViewById(R.id.item_vote_question_tv);
   answerItem_1=(CheckBox)itemView.findViewById(R.id.item_vote_answer1_cb);
   answerItem_2=(CheckBox)itemView.findViewById(R.id.item_vote_answer2_cb);
   answerItem_3=(CheckBox)itemView.findViewById(R.id.item_vote_answer3_cb);

  }
 }
 public VoteInfoAdapter(List<VoteInfo> voteInfoList){
  mVoteInfoList=voteInfoList;

 }
}

五、介面卡已經準備完畢，開始使用RecyclerView，新建一個ShowVoteAdapter.java類。

public class ShowVoteActivity extends BaseActivity{
 @BindView(R.id.vote_list_recycleview)
 RecyclerView recyclerView;
 private List<VoteInfo> voteInfoList=new ArrayList<VoteInfo>();

 @Override
 protected void onCreate(Bundle saveInstanceState) {
  super.onCreate(saveInstanceState);
  ScreenUtils.setContentViewWithOrientation(this,ScreenUtils.isPhone() ? R.layout.fragment_vote_list : R.layout.fragment_vote_list);
  initVoteInfo();
  LinearLayoutManager linearLayoutManager=new LinearLayoutManager(this);
  recyclerView.setLayoutManager(linearLayoutManager);
  VoteInfoAdapter voteInfoAdapter=new VoteInfoAdapter(voteInfoList);
  recyclerView.setAdapter(voteInfoAdapter);
 }
 private void initVoteInfo(){
  VoteInfo vote1=new VoteInfo("1.請問以下哪個答案最佳?",new String[]{"AAAAAA","BBBBBB","CCCCCC"});
  voteInfoList.add(vote1);
  VoteInfo vote2=new VoteInfo("2.請問以下哪個答案最佳?","CCCCCC"});
  voteInfoList.add(vote2);
  VoteInfo vote3=new VoteInfo("3.請問以下哪個答案最佳?","CCCCCC"});
  voteInfoList.add(vote3);
  VoteInfo vote4=new VoteInfo("4.請問以下哪個答案最佳?","CCCCCC"});
  voteInfoList.add(vote4);
  VoteInfo vote5=new VoteInfo("5.請問以下哪個答案最佳?","CCCCCC"});
  voteInfoList.add(vote5);
  VoteInfo vote6=new VoteInfo("6.請問以下哪個答案最佳?","CCCCCC"});
  voteInfoList.add(vote6);
  VoteInfo vote7=new VoteInfo("7.請問以下哪個答案最佳?","CCCCCC"});
  voteInfoList.add(vote7);
  VoteInfo vote8=new VoteInfo("8.請問以下哪個答案最佳?","CCCCCC"});
  voteInfoList.add(vote8);
  VoteInfo vote9=new VoteInfo("9.請問以下哪個答案最佳?","CCCCCC"});
  voteInfoList.add(vote9);
  VoteInfo vote10=new VoteInfo("10.請問以下哪個答案最佳?","CCCCCC"});
  voteInfoList.add(vote10);
  VoteInfo vote11=new VoteInfo("11.請問以下哪個答案最佳?","CCCCCC"});
  voteInfoList.add(vote11);

 }
}

六、需要AndroidManifest.xml中註冊ShowVoteActivity，才能夠正常啟動。

<activity
 android:name="com.inpor.fastmeetingcloud.activity.ShowVoteActivity"
 android:configChanges="keyboardHidden|orientation|screenSize"
 android:screenOrientation="portrait"
 android:windowSoftInputMode="stateAlwaysHidden|adjustPan" />

七、最終介面效果圖