安卓界面事件

刺骨的言语ヽ痛彻心扉 2024-04-01 18:16 106阅读 0赞

#### 文章目录 ####

*  一、学习要点
 *  二、案例演示
 *   *  1、案例演示
     *  2、装备图片素材
     *  3、字符串资源文件
     *  4、主布局资源文件
     *  5、主界面类
     *  6、常用物理键
     *   *  1、HOME键
         *  2、Back键
         *  3、Menu键
     *  7、吐司提示

--------------------

## 一、学习要点 ##

1.  安卓界面事件
2.  安卓事件处理方式
3.  常用物理键

## 二、案例演示 ##

### 1、案例演示 ###

*  基于`Empty Activity`模板创建 - `MoveMickeyByKey`应用  
    ![在这里插入图片描述][39c9a66191ff4e3abe263bf97cd98b18.png]  
    ![在这里插入图片描述][60e8a6de572446bbb1c3e3dbc09549d5.png]  
    ![在这里插入图片描述][f831c5a77ebc4d0b925c05f16d632304.png]

### 2、装备图片素材 ###

![在这里插入图片描述][ba8d4c7435a84439a4a74db38d7acbf2.png]

*  拷贝到`drawable`目录中  
    ![在这里插入图片描述][273cac17f54944cab8120a1a891d2f74.png]

### 3、字符串资源文件 ###

*  `strings.xml`  
    ![在这里插入图片描述][4d80ed454d894011b3f94fec701f9b1c.png]

<resources>
        <string name="app_name">通过按键移动图片</string>
    </resources>

### 4、主布局资源文件 ###

*  `activity_main.xml`  
    ![在这里插入图片描述][09179630dd8144ff80dc6611f9af29e2.png]
 *  约束布局改成线性布局并设置相应属性  
    ![在这里插入图片描述][354dbfbc6a27438aa53c2cb3cce6bdd5.png]
 *  添加一个图像视图  
    ![在这里插入图片描述][14bac90aa782419b9ddcfff429962fbc.png]
 *  预览效果  
    ![在这里插入图片描述][34c2d1fc6d2545bba7ff9ff28a04f3f6.png]

### 5、主界面类 ###

*  `MainActivity`  
    ![在这里插入图片描述][29fe2466dd0943128fb1f2ae15472007.png]
 *  声明常量和变量  
    ![在这里插入图片描述][2968d95927a54f0d80329e808c7ef1fb.png]
 *  通过资源标识符获取控件实例  
    ![在这里插入图片描述][8becb38c718843e28682c8e7754e94e7.png]
 *  让线性根布局获得焦点  
    ![在这里插入图片描述][1a73cbf0b4654f79834766c3bb359f44.png]
 *  获取图像控件的布局参数  
    ![在这里插入图片描述][3396c577b25c46a589d82be1b7b2efeb.png]
 *  给线性根布局注册按键监听器  
    ![在这里插入图片描述][a8ec2cbd29cf4576b2cae080ef5593fb.png]

*  启动程序，查看效果

![在这里插入图片描述][36081634109e449899b53028d893efa4.gif]

### 6、常用物理键 ###

#### 1、HOME键 ####

*  `keyCode == KeyEvent.KEYCODE_HOME`
 *  判断用户是否按下了`HOME`物理键

#### 2、Back键 ####

*   *  `keyCode == KeyEvent.KEYCODE_BACK`  
        判断用户是否按下了`BACK`物理键

#### 3、Menu键 ####

*  `keyCode == KeyEvent.KEYCODE_MENU`
 *  判断用户是否按下了`MENU`物理键

### 7、吐司提示 ###

![在这里插入图片描述][8d52362186ed43f4ad3710cab01c7a31.png]

*  查看效果  
    ![在这里插入图片描述][dbf15d93c3eb4263aa633a1f1616a579.gif]

package net.hxl.move_mickey_by_key;
    
    import androidx.annotation.RequiresApi;
    import androidx.appcompat.app.AppCompatActivity;
    
    import android.os.Build;
    import android.os.Bundle;
    import android.util.DisplayMetrics;
    import android.util.Log;
    import android.view.KeyEvent;
    import android.view.View;
    import android.widget.ImageView;
    import android.widget.LinearLayout;
    import android.widget.Toast;
    
    public class MainActivity extends AppCompatActivity {
        
        // 声明常量和变量
        protected int STEP = 10;//步长
        private ImageView ivMickey; //米老鼠图像控件
        private LinearLayout root; // 线性根布局
        private LinearLayout.LayoutParams layoutParams;//布局参数
        private int screenWidth;//手机屏幕宽度
        private int screenHeight;//手机屏幕高度
    
        @RequiresApi(api = Build.VERSION_CODES.R)
        @Override
        protected void onCreate(Bundle savedInstanceState) {
        
            super.onCreate(savedInstanceState);
            // 利用布局资源文件设置用户界面
            setContentView(R.layout.activity_main);
            // 通过资源索引获得控件实例
            ivMickey = findViewById(R.id.iv_mickey);
            root = findViewById(R.id.root);
    
            // 设置根布局可以获得焦点
            root.setFocusable(true);//启用
            // 让根布局获得焦点
            root.requestFocus();//请求
    
            // 获取米老鼠图像控件的布局参数
            layoutParams = (LinearLayout.LayoutParams) ivMickey.getLayoutParams();
            // 获取跟布局的布局参数
    
            // 获取手机屏幕尺寸
            screenWidth = getWindowManager().getCurrentWindowMetrics().getBounds().width();
            screenHeight = getWindowManager().getCurrentWindowMetrics().getBounds().height();
    
            // 给线性根布局注册监听器，实现监听器接口，编写事件处理方法
            root.setOnKeyListener(new View.OnKeyListener() {
        
                @Override
                public boolean onKey(View v, int keyCode, KeyEvent event) {
        
                    // 根据按键修改图像控件的布局参数 - 改变图像的位置
                    switch (keyCode) {
        
                        case KeyEvent.KEYCODE_DPAD_UP: // 19,按上方向键
                            // 上边界碰撞检测
                            if (ivMickey.getTop() >= 10){
        
                                layoutParams.topMargin = layoutParams.topMargin - STEP;
                            }else {
        
                                Toast.makeText(MainActivity.this, "温馨提示：碰到上边界~", Toast.LENGTH_SHORT).show();
                            }
                            break;
                        case KeyEvent.KEYCODE_DPAD_DOWN: // 20,按下方向键
                            if (ivMickey.getTop() <= 1500 ){
        
                                layoutParams.topMargin = layoutParams.topMargin + STEP;
                            }else{
        
                                Toast.makeText(MainActivity.this, "温馨提示：碰到下边界~", Toast.LENGTH_SHORT).show();
                            }
    
                            break;
                        case KeyEvent.KEYCODE_DPAD_LEFT: // 21,按左方向键
                            if (ivMickey.getLeft() >= 10){
        
                                layoutParams.leftMargin = layoutParams.leftMargin - STEP;
                            }else {
        
                                Toast.makeText(MainActivity.this, "碰到左边界~", Toast.LENGTH_SHORT).show();
                            }
                            break;
                        case KeyEvent.KEYCODE_DPAD_RIGHT: // 22,按右方向键
                            if (ivMickey.getLeft() <= 800){
        
                                layoutParams.leftMargin = layoutParams.leftMargin + STEP;
                            }else {
        
                                Toast.makeText(MainActivity.this, "碰到右边界~", Toast.LENGTH_SHORT).show();
                            }
                            break;
                    }
                    // 重新设置图像控件的布局参数，改变其位置
                    ivMickey.setLayoutParams(layoutParams);
    
                    return false;//事件要往后传播
                }
            });
        }
    }

[39c9a66191ff4e3abe263bf97cd98b18.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/cfb9fc0b5b944826847b8bd9f1162a82.png
[60e8a6de572446bbb1c3e3dbc09549d5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/cad3ebe6aa6a47d0849446583dd67f08.png
[f831c5a77ebc4d0b925c05f16d632304.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/edee0e465b91465296523eee7c487c35.png
[ba8d4c7435a84439a4a74db38d7acbf2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/bfea6603128d48e895b1f689768dcf40.png
[273cac17f54944cab8120a1a891d2f74.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4ba6fee81f9a46e781507ae20c463502.png
[4d80ed454d894011b3f94fec701f9b1c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/b0800384ce0c494f9753210ea2480df9.png
[09179630dd8144ff80dc6611f9af29e2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3f263c1e2e6f4bd6bea7dfa9d9282f25.png
[354dbfbc6a27438aa53c2cb3cce6bdd5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/0c9d79d755e84b28bb8eb617e5bda734.png
[14bac90aa782419b9ddcfff429962fbc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ac30d0538e084c6b8fd684f2cb8414ea.png
[34c2d1fc6d2545bba7ff9ff28a04f3f6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3e131c39fa0f4cc6ab08229d2d265eaa.png
[29fe2466dd0943128fb1f2ae15472007.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/31188527274742a58e0c773552cf52d0.png
[2968d95927a54f0d80329e808c7ef1fb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3f31dac52e20468aa83c69fc34180e7c.png
[8becb38c718843e28682c8e7754e94e7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/457a225b40744e0aaf935b56409d64a8.png
[1a73cbf0b4654f79834766c3bb359f44.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/fe3bd65f33d846e9b6a3170e56bf0651.png
[3396c577b25c46a589d82be1b7b2efeb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/dfbf65c0cfbf45528b23850a00760fa9.png
[a8ec2cbd29cf4576b2cae080ef5593fb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7a3f729129d64bc588a3ca03de87d531.png
[36081634109e449899b53028d893efa4.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/0b209ec04e414d549745807b47e499d8.gif
[8d52362186ed43f4ad3710cab01c7a31.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7553b14c7d974019822c065b63b8aa07.png
[dbf15d93c3eb4263aa633a1f1616a579.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/fe3a66c814034045ae219e018086fa56.gif