zoukankan      html  css  js  c++  java
  • 自定义View 和 ViewGroup

    一. 自定义View介绍


    自定义View时, 继承View基类, 并实现其中的一些方法.


    (1) ~ (2) 方法与构造相关

    (3) ~ (5) 方法与组件大小位置相关

    (6) ~ (9) 方法与触摸按键相关

    (10) ~ (12) 方法与窗口 焦点相关


    (1) 构造方法

    该构造方法在创建View实例, 或者从XML布局中加载并构建界面的时候调用.


    (2)加载回调方法

    protected void onFinishInflate()
    回调方法, 从XML布局中加载该重写的View组件的时候, 就会回调这个方法;


    (3)测量方法

    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
    这个方法用来检测View组件以及该View组件包含的子组件的大小


    (4)定位组件方法

    protected void onLayout(boolean changed, int left, int top, int right,int bottom)
    被重写的View组件分配在其中的子组件的位置 和 大小的时候, 回调这个方法;


    (5)大小改变方法

    protected void onSizeChanged(int w, int h, int oldw, int oldh)
    当组件大小被改变的时候回调该方法;


    (6)按键方法

    public boolean onKeyDown(int keyCode, KeyEvent event)
    当某个键被按下时触发该方法;


    (7)松开键方法

    public boolean onKeyUp(int keyCode, KeyEvent event)
    当某个键松开的时候调用该方法;


    (8)轨迹球事件方法

    public boolean onTrackballEvent(MotionEvent event)
    发生轨迹球事件时触发该方法;


    (9)触摸方法

    public boolean onTouchEvent(MotionEvent event)
    当发生触摸时间时触发该方法;


    (10)焦点改变方法

    public void onWindowFocusChanged(boolean hasWindowFocus)
    当组件得到, 失去焦点的时候回调的方法;


    (11)组件进入窗口方法

    protected void onAttachedToWindow()
    当把组件放入窗口的时候, 回调这个方法


    (12)组件分离窗口方法

    protected void onAttachedToWindow()
    当把组件从某个窗口分离触发的方法


    (13)窗口可见性改变方法

    protected void onWindowVisibilityChanged(int visibility)
    当包含该组件的窗口发生改变的时候触发的方法

    二. 实现一个跟随手指的小球View


    1. 自定义View


    自定义一个View组件铺满全屏, 在绘制该View组件的时候, 在onDraw()方法中根据一个xy坐标绘制一个小球;

    这个xy坐标在触摸回调方法onTouchEvent()方法中动态改变, 当检测到触摸位置发生改变, 那么就重新给xy坐标赋值, 并且调用invalidate()方法重绘该组件, invalidate()方法执行后, 会回调onDraw()方法;


    public class FollowBallView extends View {
    
    	public float currentX = 40;
    	public float currentY = 50;
    	
    	Paint paint = new Paint();
    	
    	public FollowBallView(Context context) {
    		super(context);
    		
    	}
    	
    	public FollowBallView(Context context, AttributeSet set) {
    		super(context, set);
    	}
    	
    	@Override
    	protected void onDraw(Canvas canvas) {
    		super.onDraw(canvas);
    		paint.setColor(Color.RED);
    		canvas.drawCircle(currentX, currentY, 15, paint);
    	}
    	
    	@Override
    	public boolean onTouchEvent(MotionEvent event) {
    		currentX = event.getX();
    		currentY = event.getY();
    		//重绘
    		invalidate();
    		return true;
    	}
    }


    2. xml文件


    在这个xml文件中, 引入自定义的布局, 使用完整的类名包名可以引入该自定义View组件;

    引入组件后, 充满整个布局;

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    
        <shuliang.han.followball.FollowBallView
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    
    </RelativeLayout>

    3. Activity中显示该组件


    public class MainActivity extends Activity {
    
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
        }
    }

    4. 效果图



    三. ViewGroup简介


    1.View和ViewGroup关系


    UI组件在Android中的位置 : Android中的UI组件大部分都放在android.widget 或者 android.view包中;  View组件 和 ViewGroup组件都在android.view包中;


    View 和 ViewGroup关系 : 

    继承关系 : ViewGroup是View的子类, 因此ViewGroup有View的一切属性, 可以当做View来使用, ViewGroup主要是当做容器使用; View是小控件widget和容器组件ViewGroup的父类, ViewGroup是布局如LinearLayout的基类;

    包含关系 : ViewGroup中可以包含View和ViewGroup, ViewGroup可以无限嵌套;


    View和ViewGroup关系图解 : 


    抽象类 : ViewGroup是一个抽象类, 作为容器的类通常是ViewGroup的子类; ViewGroup子类对象有 : LinearLayout, FrameLayout等布局;


    2. ViewGroup中的内部类


    两个内部类 : 

    ViewGroup通过Viewgroup.LayoutParams和ViewGroup.MarginLayoutParams来控制容器中的组件;

    ViewGroup.LayoutParams支持的XML属性 : 

    android:layout_height属性(指定布局高度) 和 android:layout_width属性(指定布局宽度), 这两个属性的值可以为 fill_parent, match_parent, wrap_content, 其中充满布局空间推荐使用match_parent;


    组件的宽高 与 布局的宽高 : Android的组件的高度和宽度不是其实际的宽度和高度, 组件实际的高度和宽度同样受布局的宽高影响, 例如设置组件的宽度为100px, 如果设置布局宽度(layout_width)为match_parent, 那么组件的实际宽度就会被拉宽到整个布局, 如果设置布局的宽度为wrap_content, 那么组件的实际宽度就是100px;


    ViewGroup.MarginLayoutParams支持的XML属性 : 

    android:layout_marginBottom : 指定该子组件到父容器下边界的距离, 同理android:layout_marginTop, android:layout_marginLeft, android:layout_marginRight, 


    3. View介绍


    View可以有两种方式创建 : 一种是靠XML文件创建, 一种是靠代码创建;


    这里只是简单的介绍下, View详细的属性会单独有一篇博客进行总结;


    View创建关注的方面 : 

    (1)设置属性

    长宽等属性可以在XML中设置, 也可以在代码中设置; 


    (2)请求焦点

    可以通过函数实现焦点转变, 可以根据不同的焦点设置背景; 

    焦点类别 : 可获取的焦点, 不可获取的焦点, 可以获取但是正在触摸状态下的焦点;


    (3)设置事件监听

    View在本身发生变化的时候, 会将信息广播出去, 这边变化例如 : 点击, 焦点改变等;

    一个事件的广播到来, 该事件就会传递到相应的View中对应的监听器里, 相当于回调View中的监听器方法;


    (4)设置显示与隐藏

    View可以在XML或者代码中设置是否显示或者隐藏. 同样也可以设置滚动条等设置;



  • 相关阅读:
    关于使用css3属性:transform固定菜单位置,在滑动页面时菜单闪现抖动的问题
    使用iscroll.js插件时,遇到在Android端无法点击a超链的解决办法
    window.external的使用
    SpringMVC的拦截器(Interceptor)和过滤器(Filter)的区别与联系
    chain.doFilter(request,response)含义
    巧用Ajax的beforeSend 提高用户体验
    getRequestDispatcher(path).forward(),,执行完,后面的代码居然还会执行!!!记得加return 啊亲
    @JsonSerialize(include=JsonSerialize.Inclusion.NON_NULL)
    ajax修改表单的值后dom没更新的解决办法
    .net core json序列化首字符小写和日期格式处理
  • 原文地址:https://www.cnblogs.com/hanshuliang/p/4215463.html
Copyright © 2011-2022 走看看