河北工业大学Android实验二——Android用户界面

本实验是用USB连接我的破手机（Vivo IQOO neo3)完成的，安卓版本几乎是最新的，所以实验报告中的代码有些过时的都已经修改，完全可以在最新版使用！

实验二 Android用户界面

一、实验目的

1．加深对用户界面的控件的理解和使用。

2．掌握各种界面布局的用法。

3．掌握选项菜单、子菜单和快捷菜单的使用方法。

二、实验内容

1．建立一个“ButtonDemo”的程序包含Button和ImageButton两个按钮上方是“Button按钮下方是一个ImageButton控件。

2．建立一个“CheckboxRadiobuttonDemo”程序包含五个控件，从上至下分别是TextView01、CheckBox01、CheckBox02、RadioButton01、RadioButton0，当选择RadioButton01，RadioButton02则无法选择？

3．建立一个“TabDemo”程序包含三个XML文件，分别为tab1.xml、tab2.xml和tab3.xml，这3个文件分别使用线性布局、相对布局和绝对布局示例中的main.xml的代码，并将布局的ID分别定义为layout01、lay out02和layout03

4．建立一个“MyContextMenu”程序，来完成Android菜单的功能。

三、实验仪器、设备

装有 Java JDK7.0 、 Android 、 Eclipse 等软件的微机

四、实验步骤

1．ButtonDemo

(1)MainActivity.java

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button button = (Button) findViewById(R.id.button);
        ImageButton imageButton = (ImageButton) findViewById(R.id.image_button);
        button.setOnClickListener(this);
        imageButton.setOnClickListener(this);
    }
    @Override
    public void onClick(View view) {
        switch (view.getId())
        {
            case R.id.button:
                Toast.makeText(MainActivity.this,"这是一个button",Toast.LENGTH_SHORT).show();
                break;
            case R.id.image_button:
                Toast.makeText(MainActivity.this,"这是一个imageButton",Toast.LENGTH_SHORT).show();
                break;
        }
    }
}

(2)activity_main.xml

(3)实验步骤

点击button按钮，出现如下提示：

点击imageButton按钮，出现如下提示：

1．CheckboxRadiobuttonDemo

(1)MainActivity.java

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    private TextView textView011;
    private TextView textView012;
    private CheckBox checkBox01;
    private CheckBox checkBox02;
    private RadioButton radioButton01;
    private RadioButton radioButton02;
    private TextView textView02;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        textView011 = (TextView) findViewById(R.id.TextView011);
        textView012 = (TextView) findViewById(R.id.TextView012);
        textView02 = (TextView) findViewById(R.id.TextView02);
        checkBox01 = (CheckBox) findViewById(R.id.CheckBox01);
        checkBox02 = (CheckBox) findViewById(R.id.CheckBox02);
        radioButton01 = (RadioButton) findViewById(R.id.RadioButton01);
        radioButton02 = (RadioButton) findViewById(R.id.RadioButton02);
        checkBox01.setOnClickListener(this);
        checkBox02.setOnClickListener(this);
        radioButton01.setOnClickListener(this);
        radioButton02.setOnClickListener(this);
    }
    @Override
    public void onClick(View view) {
        switch (view.getId())
        {
            case R.id.CheckBox01:
                textView011.setText("checkBox 01 is checked？-" + String.valueOf(checkBox01.isChecked()));
                break;
            case R.id.CheckBox02:
                textView012.setText("checkBox 02 is checked？-" + String.valueOf(checkBox02.isChecked()));
                break;
            case R.id.RadioButton01:
                textView02.setText("RadioButton1 is selected");
                break;
            case R.id.RadioButton02:
                textView02.setText("RadioButton2 is selected");
                break;
        }
    }
}

（2）activity_main.xml

（3）实验步骤

打开应用，随机点击checkbox和radiobutton，观察textview文字内容。同时可以观察到radiobutton01与radiobutton02不可以同时选择。

3．TabDemo采用了ViewPager2+ BottomNavigationView实现了比较新版本的导航栏切换

（1）MainActivity.java

public class MainActivity extends AppCompatActivity {
    private BottomNavigationView bottomNavigationView;
    private ViewPager2 viewPager2;
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.tabhost);
        viewPager2 = findViewById(R.id.viewpager2bottom);
        bottomNavigationView = findViewById(R.id.bootomnav2);
        ViewPageAdapter myViewPager2BottomAdapter =
                new ViewPageAdapter(this, initFragmentList());
        viewPager2.setAdapter(myViewPager2BottomAdapter);
        //设置 bottomNavigationView 的item 的点击事件 设置viewPager2的联动
        bottomNavigationView.setOnItemSelectedListener(new NavigationBarView.OnItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                int itemId = item.getItemId();
                switch (itemId) {
                    case R.id.liner:
                        viewPager2.setCurrentItem(0);
                        break;
                    case R.id.relative:
                        viewPager2.setCurrentItem(1);
                        break;
                    case R.id.absolute:
                        viewPager2.setCurrentItem(2);
                        break;
                }
                return true;
            }
        });
        viewPager2.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {
            @Override
            public void onPageSelected(int position) {
                super.onPageSelected(position);
                switch (position) {
                    case 0:
                        bottomNavigationView.setSelectedItemId(R.id.liner);
                        break;
                    case 1:
                        bottomNavigationView.setSelectedItemId(R.id.relative);
                        break;
                    case 2:
                        bottomNavigationView.setSelectedItemId(R.id.absolute);
                        break;
                }
            }
        });
    }
    private List initFragmentList() {
        List fragmentList = new ArrayList();
        fragmentList.add(new table1());
        fragmentList.add(new table2());
        fragmentList.add(new table3());
        return fragmentList;
    }
}

（2）tabhost.xml

（3）三个布局fragment

（4）fragment代码举例（table1为例）

public class table1 extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        return inflater.inflate(R.layout.table1, null);
    }
}

（5）实验步骤

切换三个布局，查看效果。

1. MyContextMenu

   （1）MainActivity.java

public class MainActivity extends Activity {
    final static int CONTEXT_MENU_1 = Menu.FIRST;
    final static int CONTEXT_MENU_2 = Menu.FIRST + 1;
    final static int CONTEXT_MENU_3 = Menu.FIRST + 2;
    TextView LabelView = null;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        LabelView = (TextView) findViewById(R.id.label);
        registerForContextMenu(LabelView);
    }
    @Override
    public void onCreateContextMenu(ContextMenu menu,
                                    View v, ContextMenu.ContextMenuInfo menuInfo) {
        menu.setHeaderTitle("快捷菜单标题");
        menu.add(0, CONTEXT_MENU_1, 0, "菜单子项1");
        menu.add(0, CONTEXT_MENU_2, 1, "菜单子项2");
        menu.add(0, CONTEXT_MENU_3, 2, "菜单子项3");
    }
    @Override
    public boolean onContextItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case CONTEXT_MENU_1:
                LabelView.setText("菜单子项1");
                return true;
            case CONTEXT_MENU_2:
                LabelView.setText("菜单子项2");
                return true;
            case CONTEXT_MENU_3:
                LabelView.setText("菜单子项3");
                return true;
        }
        return false;
    }
}

（2）activity_amin.xml

（3）实验步骤

因为是要实现快捷菜单，所以长按手机屏幕可以呼出菜单。

五、实验思考题

1．建立一个程序 SpinnerDemo 包含 3 个子项 Spinner 控件

（1）MainActivity.java

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Spinner spinner = (Spinner) findViewById(R.id.spinner);
        List list = new ArrayList();
        list.add("学生信息");
        list.add("计201");
        list.add("李东");
        list.add("205883");
        ArrayAdapter adapter = new ArrayAdapter(this,android.R.layout.simple_dropdown_item_1line,list);
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        spinner.setAdapter(adapter);
    }
}

（2）activity_main.xml

（3）实验步骤

运行程序，并且点击。

2．建立一个 ListViewDemo 程序，包含四个控件，从上至下分别为 TextView01 、ListView01 、 ListView02 和 ListView03

（1）MainActivity.java

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final TextView textView = (TextView) findViewById(R.id.text_view_01);
        ListView listView = (ListView) findViewById(R.id.list_view_01);
        List list = new ArrayList();
        list.add("学校信息");
        list.add("河北工业大学");
        list.add("人工智能与数据科学学院");
        ArrayAdapter adapter = new ArrayAdapter(this,android.R.layout.simple_list_item_1,list);
        listView.setAdapter(adapter);
        AdapterView.OnItemClickListener listViewListener = new AdapterView.OnItemClickListener(){
            @Override
            public void onItemClick(AdapterView arg0, View arg1, int arg2, long arg3)  {
                String msg = "父View:" + arg0.toString() + "\n"
                        + "子View:" + arg1.toString() + "\n"
                        + "位置：" + String.valueOf(arg2) + "\n"
                        + "ID:" + String.valueOf(arg3) + "\n";
                textView.setText(msg);
            }
        };
        listView.setOnItemClickListener(listViewListener);
    }
}

（2）activity_main.xml

（3）实验步骤

分别点击三个item，TextView中显示的内容有所变化。

3．AndroidAndroid界面框架是如何实现按键事件和触摸事件的？

（1）按键事件

当用户引发了按键事件后，过程通过调用onKey() 函数进行处理。如果界面控件设置了事件监听器，则事件将先传给监听器。如果没有设置，界面事件会直接传递给界面控件的其他事件处理函数。但即便设置了监听器，界面事件也可以再次传递给其他事件处理函数，这由处理函数的返回值决定。

（2）触摸事件

当用户引发了触摸事件后，过程通过调用 onTouch() 函数进行处理。函数通过对传入参数中MotionEvent调用getAction()函数获取类型，然后对不同触摸事件进行处理。过程也需要设置触摸监听器，并在函数中增加处理逻辑，比如获取坐标getX()、getY()，获取压力值getPressure()，获取接触点大小getSize()等等。一般触摸事件以ACTION_DOWN事件开始，经历0或者若干个ACTION_MOVE事件，以ACTION_UP结束。

六、实验感想

通过本次实验，我熟悉了各种基础控件和布局的使用方法。并尝试用fragment替代目前过时的tabhost来完成实验内容。了解了各种控件的监听和处理函数构成，并且成功使用函数完成了实验程序。最后归纳总结按键事件和触摸事件，让我对Android系统对事件的区别和处理上有了更加深刻的理解。