【Android】view的基础知识

去看全世界的云2024-10-28 8:14

文章目录

View与ViewGroup

View 是 Android 中的 UI 组件的基类，代表了用户界面上的一个可视元素。所有的 UI 组件（例如 Button、TextView、ImageView 等）都直接或间接继承自 View 类。

ViewGroup是View的一个子类，作为一个容器，能够包含多个子View或其他ViewGroup。它定义了子视图的布局规则和排列方式。

  • ViewGroup常见子类：LinearLayout、RelativeLayout、FrameLayout、ConstraintLayout等，都是ViewGroup的子类，提供了不同的布局策略。
  • ViewGroup是一个容器，可以嵌套子View和其他ViewGroup

View位置参数

  • getX() 和 getY()

    • getX() ：获得点击事件距离控件左边的距离
    • getY() ：获得点击事件距离控件顶边的距离

  • getRawX() 和 getRawY()

    getRawX()：返回点击事件在屏幕上的 X 坐标值。

    getRawY()：返回点击事件在屏幕上的 Y 坐标值。

  • getLeft()、getTop()、getRight()、getBottom()

    • getLeft()：返回 View 左边缘相对于父布局的距离。

    • getTop()：返回 View 上边缘相对于父布局的距离。

    • getRight()：返回 View 右边缘相对于父布局的距离。

    • getBottom()：返回 View 下边缘相对于父布局的距离。

    • 可以用来计算 View 的宽高：

      java 复制代码 
      int width = view.getRight() - view.getLeft();
int height = view.getBottom() - view.getTop();

View的滑动

第一种：通过View本身提供的scrollTo/scrollBy方法来实现滑动

第二种：通过动画给View施加平移效果来实现滑动

第三种：通过改变View的LayoutParams使得View重新布局从而实现滑动

1. scrollTo与scrollBy

  • 这两个方法用于View内容的滚动，改变++View内容++的相对位置
  • scrollTo(x,y)表示移动到一个具体的坐标点， scrollBy(dx,dy)则表示移动的增量为 dx、dy
  • 在 ViewGroup 中使用，则是移动其所有的子 View。

  • mScrollX ：记录的是View左边缘与View内容左边缘在水平方向的距离。

  • 视图的水平偏移量。

    当 mScrollX 为 正值 时，表示View的内容向左滚动，内容的左边缘比View的左边缘要靠右。

  • mScrollY ：记录的是View上边缘与View内容上边缘在竖直方向的距离。

  • 视图的垂直偏移量。

    当 mScrollY 为 正值 时，表示View的内容向上滚动，内容的上边缘比View的上边缘要更低。

scrollTo(x, y) ：mScrollX 和 mScrollY 会被设置为 (x, y)，表示视图内容直接滚动到指定的位置。

scrollBy(dx, dy)：会在现有的 mScrollX 和 mScrollY 基础上增加或减少 dx 和 dy，表示基于当前的位置进行相对滚动。

比如把一个按钮移动到当前位置右下角：

scrollBy(-20, -20);

2. 属性动画

通过动画来实现 View 的平移滑动效果，是一种较为灵活且常用的方式。这种方法不仅可以控制滑动的距离和方向，还能够调整滑动的速度、加速度等效果，让动画更流畅和自然。

ObjectAnimator

ObjectAnimator 可以对 View 的 translationX 和 translationY 属性进行动画设置，从而实现水平方向和垂直方向的平移效果。translationX 和 translationY 是相对于 View 的初始位置的偏移量，单位是像素。

java 复制代码 
// 水平方向平移动画，向右平移100像素，动画时长500毫秒
ObjectAnimator animatorX = ObjectAnimator.ofFloat(view, "translationX", 0f, 100f).setDuration(500);; 
animatorX.start();

// 垂直方向平移动画，向下平移100像素
ObjectAnimator animatorY = ObjectAnimator.ofFloat(view, "translationY", 0f, 100f).setDuration(500); 
animatorY.start();

ViewPropertyAnimator

java 复制代码 
view.animate()
    .translationX(100f) // 向右平移100像素
    .translationY(100f) // 向下平移100像素
    .setDuration(500)   // 动画时长500毫秒
    .start();

3. LayoutParams（布局参数）

LayoutParams用于保存一个view的布局参数，我们可以通过改变view的布局参数来改变位置

步骤：

  1. 获取当前 View 的 LayoutParams：

    getLayoutParams() 方法获取当前 View 的布局参数。

  2. 修改 LayoutParams：

    根据需要改变布局参数的属性，比如位置、宽高等。

  3. 请求重新布局：

    修改完布局参数后，调用 requestLayout() 方法，重新布局该 View。

java 复制代码 
// 假设这是一个 Button，我们要让它向右滑动
Button myButton = findViewById(R.id.my_button);
ViewGroup.MarginLayoutParams layoutParams = (ViewGroup.MarginLayoutParams) myButton.getLayoutParams();

// 修改左边距，向右滑动
layoutParams.leftMargin += 50; // 每次滑动 50 像素
myButton.setLayoutParams(layoutParams); // 设置新的 LayoutParams
myButton.requestLayout(); // 请求重新布局

父控件是 LinearLayout，使用LinearLayout.LayoutParams

父控件是RelativeLayout，使用 RelativeLayout.LayoutParams

除了使用布局的 LayoutParams 外还可以用 ViewGroup.MarginLayoutParams :

layout方法

实现一个可以随触摸移动的view

java 复制代码 
public class CustomeView extends View {
    private int lastX; // 上一个 X 坐标
    private int lastY; // 上一个 Y 坐标

    public CustomeView(Context context) {
        super(context);
    }

    public CustomeView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomeView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public CustomeView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int x = (int) event.getX(); // 获取当前触摸点的 X 坐标
        int y = (int) event.getY(); // 获取当前触摸点的 Y 坐标

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN: // 触摸开始
                lastX = x; // 记录当前 X 坐标
                lastY = y; // 记录当前 Y 坐标
                break;
            case MotionEvent.ACTION_MOVE: // 触摸移动
                // 计算移动的偏移量
                int offsetX = x - lastX; 
                int offsetY = y - lastY; 
                // 更新视图的位置
                layout(getLeft() + offsetX, getTop() + offsetY, getRight() + offsetX, getBottom() + offsetY);
                break;
        }
        return true; // 返回 true 表示事件已被处理
    }
}

offsetLeftAndRight

也能实现4的效果

java 复制代码 
case MotionEvent.ACTION_MOVE:
	int offsetX = x - lastX;
	int offsetY = y - lastY;
	offsetLeftAndRight(offsetX);
	offsetTopAndBottom(offsetY);
	break;

View的弹性滑动

1. Scroller 类

Scroller 是 Android 提供的一个辅助类，用于实现 View 的平滑滑动。Scroller 并不直接负责滑动，而是通过计算出一系列中间值（如位置）来协助 View 实现平滑的滑动效果。

  1. 初始化 Scroller：

    java 复制代码 
    private Scroller scroller;

public MyView(Context context) {
    super(context);
    scroller = new Scroller(context);
}

  2. 调用 startScroll() 方法：用于开始一个平滑滚动。

    java 复制代码 
    public void smoothScrollTo(int destX, int destY) {
    int scrollX = getScrollX();
    int delta = destX - scrollX;
    scroller.startScroll(scrollX, 0, delta, 0, 1000); // 1000ms 内滑动
    invalidate(); // 触发重绘
}

  3. 重写 computeScroll() 方法 ：在绘制期间不断调用 computeScroll() 来更新 View 的位置。

    java 复制代码 
    @Override
public void computeScroll() {
    if (scroller.computeScrollOffset()) { // 计算滑动偏移量
        scrollTo(scroller.getCurrX(), scroller.getCurrY());
        postInvalidate(); // 再次触发重绘
    }
}

  4. 在activity或者fragment调用

java 复制代码 
myView.smoothScrollTo(100, 100); // 平滑移动到 (100, 100) 的位置

2. 动画（ObjectAnimator）

ObjectAnimator 可以直接对 View 的属性进行动画操作，是另一种实现弹性滑动效果的方式。

示例代码：

java 复制代码 
ObjectAnimator animator = ObjectAnimator.ofFloat(view, "translationX", 0f, 100f);
animator.setDuration(1000); // 设置动画持续时间
animator.start();

3. 延时

有时需要延迟滑动以增强用户体验，比如在手指抬起后稍作延迟再开始滑动。使用 Handler 或 postDelayed() 方法来实现延时：

java 复制代码 
view.postDelayed(new Runnable() {
    @Override
    public void run() {
        smoothScrollTo(100, 0); 
    }
}, 300);

感谢您的阅读
如有错误烦请指正

参考：

  1. 《Android开发艺术探索》
  2. 《Android进阶之光》
相关推荐
江-月*夜20 分钟前
uniapp vuex 搭建
android·javascript·uni-app
大风起兮云飞扬丶1 小时前
Android——显式/隐式Intent
android
大风起兮云飞扬丶1 小时前
Android——metaData
android
看山还是山，看水还是。1 小时前
Nginx 的 Http 模块介绍（中）
android·运维·网络·nginx·http
tealcwu2 小时前
【Unity基础】初识UI Toolkit - 运行时UI
ui·unity·编辑器·游戏引擎
xu_duo_i4 小时前
Vxe UI 表格行编辑(默认不显示编辑框,点击后可编辑)
前端·vue.js·ui·vxe
SouthBay4934 小时前
PHP内存马：不死马
android·开发语言·php
安於宿命4 小时前
【Linux内核揭秘】深入理解命令行参数和环境变量
android·linux·服务器
Gerry_Liang5 小时前
Android Studio 无法查看Kotlin源码的解决办法
android·kotlin·android studio
不秃头的UI设计师5 小时前
跨越地域限制：在线原型设计软件的自由与便捷
ui·原型设计·原型设计软件·在线设计
热门推荐
01前端vue3实现本地及在线文件预览（含pdf/txt/mp3/mp4/docx/xlsx/pptx）02组基轨迹建模 GBTM的介绍与实现（Stata 或 R）03【经验分享】Ubuntu22.04安装微信(linux官方版)04Windows10安装PCL1.14.0及点云配准05制冷毛细管的计算方法介绍06RAG 实践- Ollama+RagFlow 部署本地知识库07基于YOLOv10深度学习的CT扫描图像肾结石智能检测系统【python源码+Pyqt5界面+数据集+训练代码】深度学习实战、目标检测08Coze扣子平台完整体验和实践（附国内和国际版对比）09苍穹外卖面试总结10ECharts 地图实战分析：实现一个完整的地图下钻功能