自定义View开发笔记(ing)

最近拜读一本书——《Android自定义控件开发入门与实战》,感慨良多,实为佳作,这里做做笔记摘录,写写自己的心得,作巩固分享之用;

画弧原理

  • 首先上Canvas下画弧函数源码:
    public void drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint) {
        throw new RuntimeException("Stub!");
    }

    public void drawArc(float left, float top, float right, float bottom, float startAngle, float sweepAngle, boolean useCenter, Paint paint) {
        throw new RuntimeException("Stub!");
    }
  • 参数意义:
    oval :用于确定圆弧形状与尺寸的椭圆边界(即椭圆外切矩形)
    startAngle :开始角度(以时钟3点的方向为0°,逆时针为正方向
    sweepAngle : 扫过角度(以时钟3点的方向为0°,逆时针为正方向
    useCenter:是否有弧的两边,为true时带有两边,为false时不带,只有一条弧;
    paint:绘制圆弧的画笔

  • 绘制圆弧原理

  • RectF(float left, float top, float right, float bottom)得到一个矩形,
    此虚拟矩形内切绘制一个椭圆(如果长和宽相等,则为圆)。

  • 以矩形的中心为圆心,以时钟3点的方向为0°,
    由中心以0°径向画出一条射线,
    逆时针为正方向
    从0°正方向旋转startAngle度,
    射线和矩形内切椭圆相交得到一条直线段和一个交点。

  • 从这条直线开始,以顺时针为正方向,射线旋转sweepAngle度,
    矩形内切椭圆相交,得到另一条直线段和交点,
    这样一来,
    前后两个交点圆弧的两个端点
    射线在这两条交线之间扫过的扇面外弧,即所画圆弧

相关阅读:


单词普及

  • intersect.
    美 [ˌɪntərˈsekt]
    vt.横断,横切,横穿;
    vt.& vi.(指线条、道路等)相交,交叉;

  • cruncher.
    美 [k'rʌntʃər]
    [计]数字计算器;


postInvalidate()、invalidate()之别

  • postInvalidate()和invalidate()都是用来重绘控件的,
    区别是invalidate()一定要在主线程中执行,否则就会报错;
    而postInvalidate()函数则没有那么多讲究,

    它可以在任何线程中执行,而不必一定是主线程,


关于addView()、removeView()

关于add、remove的速度
  • 下面代码案例中:
    SpiderView是一个自定义控件,
    ll_nextParent 是主布局下的一个LinearLayout,
    现在在这个LinearLayout下做组件增删操作;
public class MainActivity extends AppCompatActivity {

    private LinearLayout ll_nextParent;
    private SpiderView spiderViewOri;
    private LinearLayout.LayoutParams layoutParams;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initViews();
        configCustomViews(0);
    }

    private void initViews() {

        ll_nextParent = findViewById(R.id.ll_nextParent);

        layoutParams = new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.WRAP_CONTENT,
                LinearLayout.LayoutParams.WRAP_CONTENT);

        ll_nextParent.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                //经过这个测试,这里的删除添加是毫秒级别的,
                // 添加之后删除的速度人眼分辨不出

                Toast.makeText(MainActivity.this, "shanchu", Toast.LENGTH_SHORT).show();
                ll_nextParent.removeView(spiderViewOri);

//                TextView test = new TextView(MainActivity.this);
//                test.setText("sdadasdasdada");
//                ll_nextParent.addView(test);

                Toast.makeText(MainActivity.this, "tianjia", Toast.LENGTH_SHORT).show();
                ll_nextParent.addView(spiderViewOri, layoutParams);
            }
        });
    }


    private void configCustomViews(int drawId) {
        switch (drawId) {
            case 0:
                spiderViewOri = new SpiderView(this);
                ll_nextParent.addView(spiderViewOri, layoutParams);
                break;

            case 1:
                break;

            default:
        }
    }

}

  • 运行的时候,
    我们点击触发回调,先删后加(先removeView后addView),
    而这个过程中呢,
    更新布局的速度是毫秒级的,
    人眼无法分辨;
    后续在做根布局增删组件的时候,可以利用这个点;


关于报错

Bug.1

场景:主布局中,
LinearLayout1下套ScrollView,
ScrollView下套LinearLayout2,
LinearLayout2中添加复杂的自定义View,
比如SpiderView

此时如果不做任何处理的话,
运行时一般那个复杂的自定义View是 不会被渲染出来的,
并且会报下面这个错:
Skipped xxx frames! The application may be doing too much work on its main thread
跳帧过多,程序在主线程中做了太多事情了,需要优化逻辑


关于自定义控件的宽高

所有的自定义控件在被引入布局时,
layout_width和layout_height属性的值默认都是match_parent,
当然可以通过测量控件大小以使用wrap_content


自定义组件引入

有xml引入和动态添加两种方法;


如何通过文件名拿到对应的资源ID


getIdentifier()函数的完整声明如下:

  • int getIdentifier(String name,String defType,String defPackage)

  • String name:所要查找资源ID的资源名称。

  • String defType:资源所在的文件类型。

  • String defPackage:应用包名。
    由于我们的图片资源在drawable系列文件夹中,所以defType就是“drawable”。

  • 如果想获得string,则可以这样写:
    getResources().getIdentifier("name","string",packdgeName);

  • 如果想获得array中的数组,则可以这样写:
    getResources().getIdentifier("name","array",packdgeName);
















最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,117评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,328评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,839评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,007评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,384评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,629评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,880评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,593评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,313评论 1 243
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,575评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,066评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,392评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,052评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,082评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,844评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,662评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,575评论 2 270

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,204评论 0 17
  • 【Android 动画】 动画分类补间动画(Tween动画)帧动画(Frame 动画)属性动画(Property ...
    Rtia阅读 5,957评论 1 38
  • 1 背景 不能只分析源码呀,分析的同时也要整理归纳基础知识,刚好有人微博私信让全面说说Android的动画,所以今...
    未聞椛洺阅读 2,580评论 0 9
  • 本笔记的原文本链接 Property Animation Overview 属性动画总览 The property...
    Jaesoon阅读 1,014评论 2 2
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,036评论 1 32