安卓学习笔记4.1:安卓按键处理事件——上机操作

避免米老鼠移出界外

实现步骤

1、创建安卓应用【MoveMickeyByKey】

在这里插入图片描述

在这里插入图片描述

2、准备背景图片与米老鼠图片,拷贝到drawable目录里

在这里插入图片描述

3、字符串资源文件

  • 字符串资源文件 - strings.xml

在这里插入图片描述

<resources>
    <string name="app_name">通过按键移动米老鼠</string>
</resources>

4、修改主布局资源文件activity_main.xml

  • 将默认的约束布局设置为线性布局,设置相关属性

在这里插入图片描述

  • 添加一个图像视图,设置相关属性(scaleType - 缩放类型;src - 图像源)

在这里插入图片描述

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/yjn"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/iv_mickey"
        android:layout_width="100dp"
        android:layout_height="120dp"
        android:src="@drawable/mickey"
        android:scaleType="fitXY">
    </ImageView>


</LinearLayout>

5、修改主界面类

  • 主界面类MainActivity

在这里插入图片描述

  • 声明常量和变量

在这里插入图片描述

  • -通过资源标识符获取控件实例

在这里插入图片描述

  • 让线性根布局获得焦点

在这里插入图片描述

  • 获取米老鼠图像控件的布局参数

在这里插入图片描述

  • 给线性根布局注册按键监听器,并添加边界检测功能

在这里插入图片描述

  • 查看完整代码
package dirnet.zh.move_mickey_by_key;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
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 final int STEP = 10;//移动步长
    private ImageView ivMickey;//米老鼠控件
    private LinearLayout root;//线性根布局
    private LinearLayout.LayoutParams layoutParams;//布局参数

    @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();

        // 给根布局注册按键监听器,实现监听器接口,编写事件处理
        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.getBottom() <=root.getHeight()) {
                            layoutParams.topMargin = layoutParams.topMargin + STEP;
                        } else {
                            Toast.makeText(MainActivity.this,"碰到下边界~",Toast.LENGTH_SHORT).show();
                        }
                        break;
                    case KeyEvent.KEYCODE_DPAD_LEFT: //21 按左方向键
                        if (ivMickey.getLeft() >= 9) {
                            layoutParams.leftMargin = layoutParams.leftMargin - STEP;
                        }else {
                            Toast.makeText(MainActivity.this,"碰到左边界~",Toast.LENGTH_SHORT).show();
                        }
                        break;
                    case KeyEvent.KEYCODE_DPAD_RIGHT: //22 按右方向键
                        if(ivMickey.getRight() <= root.getWidth()) {
                            layoutParams.leftMargin = layoutParams.leftMargin + STEP;
                        } else {
                            Toast.makeText(MainActivity.this,"碰到右边界~",Toast.LENGTH_SHORT).show();
                        }
                        break;
                }
                // 重新设置米老鼠图像控件的布局参数,改变其位置
                ivMickey.setLayoutParams(layoutParams);
                return false;//事件要往后传播
            }
        });
    }
}

6、启动应用,查看效果

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值