创新实训项目分析——第一篇

2021SC@SDUSC

---

---

前言

本篇开始分析飞花令项目的源码。飞花令的项目要求实现两个主要功能，一个是查询所有包含输入关键字的诗句，一个是人机模拟飞花令游戏。
本篇主要分析查询功能的代码。

一、项目环境

android studio 4.1.2

Compile SDK version:30

Build Tools Version 30.0.3

gradle 6.8.3

二、代码分析

1.界面设计

项目实现的查询功能的界面如下

可以看到上半部分的功能及输入区应用了EditText和Button控件，下半区设置了一个容器来展示查询结果，并且定义了查询样式。
重点分析代码如下：

<EditText //"android:"开头的表明是官方的android标签属性
  android:id="@+id/id_key"新增一个id为id_key的控件索引
  android:layout_width="0dp"//对控件布局指定尺寸
  android:layout_height="74dp"//对控件布局指定尺寸
  android:ems="10"//控件宽度最大10个字符的宽度
  android:inputType="textPersonName"//限制输入类型：人名格式
  android:hint="请输入要搜索的字"//内容为空时显示的文字
  app:layout_constraintEnd_toEndOf="parent"//当前View的右侧和另一个View的右侧位置对齐
  app:layout_constraintHorizontal_bias="0.0" />
  
<Button
  android:id="@+id/button1"
  android:onClick="onClick_go"//按钮监点击时从调用onClick_go方法
  android:text="飞花令" />
  
 <ListView//允许用户通过上下滑动来将屏幕外的数据滚动到屏幕内，同时屏幕内原有的数据滚动出屏幕，从而显示更多的数据内容。
    android:dividerHeight="2px"//分割线的宽度
 />

2.编Poem类处理诗句

由于查询展示需要单独的诗句，以及展示的相应的诗名和作者，所以构建了Poem的类

public class Poem {
    private String poet;//作者姓名
    private String stences;//诗句
    private String title;//诗名
    private String all;
}

3.设计适配器

由于手机屏幕空间有限，同时可能不能显示过多的数据。往往会借用ListView来显示更多的内容。ListView允许用户通过上下滑动来将屏幕外的数据滚动到屏幕内，同时屏幕内原有的数据滚动出屏幕，从而显示更多的数据内容。数组中的数据是无法直接传递给ListView的,需要通过适配器Adapter来完成。

ListVeiw （展示列表的View）+ 适配器 ：用来把数据映射到ListView上的中介数据 具体的将被映射的字符串，图片，或者基本组件。
Adapter是一个很重要的部分，这里深入的了解了一下。Adapter是用来帮助填出数据的中间桥梁，将各种数据以合适的形式显示在View中给用户看。Adapter有很多的接口、抽象类、子类可以使用。

适配器

1.适配器的几个重要方法
public int getCount() //得到数据的行数
public Object getItem(int position) //根据position得到某一行的记录
public long getItemId(intposition) //得的到某一条记录的ID
publicView getView(intposition, View convertView, ViewGroup parent)// 显式的定义了适配器将要以什么样的方式去显示我们所填充的数据,在自定义的适配器里面我们通常会给它写个布局文件。
2.常用的适配器有：ArrayAdapter，SimpleAdapter，SimpleCursorAdapter
我们在这里使用到的就是ArrayAdapter
ArrayAdapter（数组适配器）：最为简单，使用时具有局限性，默认情况下不支持imageview等非文本以外的内容，如果要显示的话需要重写getView方法。
基本的构建适配器的步骤：
1）在布局文件中创建listview控件
2）声明数据源
3）初始化适配器
adapter = new ArrayAdapter(ArrayAdapterActiity.this, android.R.layout.simple_expandable_list_item_1, itemData);
4）绑定适配器
listView.setAdapter(adapter);

下面是该项目中对查询结果适配器设计的部分代码：

public class MyAdapter extends ArrayAdapter {
    private final int resourceid;
    public MyAdapter(Context context, int textViewResourceid, List<String> words){//分别为this、布局文件、数据源
        super(context,textViewResourceid,words);
        resourceid=textViewResourceid;
    }
    public View getView(int positon , View convertView, ViewGroup parent){//返回给安卓系统一个视图
    //position：该视图在适配器数据中的位置 convertView：旧视图 parent: 此视图最终会被附加到的父级视图
        String str=(String)getItem(positon);返回当前item显示的数据，我认为是返回相应的Poem实例
        View view = LayoutInflater.from(getContext()).inflate(resourceid,null);//加载item布局的方法
        TextView textView=(TextView)view.findViewById(R.id.poem_item);
        textView.setText(str);
        return view;
    }
}

1）LayoutInflater.from(getContext()).inflate(resourceid,null)
这是一个布局填充器
public View inflate (int resource, ViewGroup root, boolean attachToRoot)
参数解释：
resource:加载的XMl布局资源ID，即指定要加入父布局的布局文件
root:如果attachToRoot为true，生成的分层视图的父视图；如果attachToRoot为false，一个简单的提供了一系列布局参数生成的Veiw对象，
attachToRoot：告知布局生成器是否将生成的视图添加给父视图。在不设置attachToRoot参数的情况下，如果root不为null，attachToRoot参数默认为true。
此时root为null，表示不把子视图添加到任何一个父视图中，需要手动添加

2）(TextView)view.findViewById(R.id.poem_item);
findViewById（）函数是安卓编程的定位函数，主要是引用.R文件里的引用名。一般在R.java文件里系统会自动帮你给出你在XML里定义的ID或者Layout里面的名称，例如：Button button=(Button)findViewById(R.id.button01);这样就引用了XML（res里的文件）文件里面的button，使得在写.java的按钮时能与XML里的一致。
同样在这里，返回了r.id里面的poem.item的view转换成TextView类型赋值到textView里
textView.setText(str)即把相应的Poem类填到TextView中

三、总结

第一次接触移动端的开发项目，很多方法、类都不了解，所以看的比较琐碎细节，还需要补充大量的基础知识，深入了解下项目运行机制。