zhoushenxian

android 自定义view实现表盘效果

周末没事在家想干点啥,记得一年多前面试,那公司直接发个面试题让我做,其中就有让我做一个简单的表盘效果,不过当时没做出来,所以也没好意思去面试,今天就实现下,大概分如下几步

第一步：画一个简单的圆

第二步：绘制刻度

第三步：绘制时,分,表指针

第四步：绘制当前时间文字

第五步：实现时间动态显示

第一步画一个圆是很简单的,

package com.example.clockview;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.widget.ImageView;
/**
 * Created by Adminis on 2016/11/6.
 */
public class ClockView extends ImageView {
    private static final String TAG = "ClockView";
    private Paint mPaint;
    private int widhth = 200;//控件的宽度
    private int height = 200;//控件的高度
    private int padding = 5;
    public ClockView(Context context) {
        this(context, null);
    }
    public ClockView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }
    public ClockView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initPaint();
    }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        setMeasuredDimension(widhth, height);
    }
    private void initPaint() {
        mPaint = new Paint();
        mPaint.setStrokeWidth(3);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setColor(Color.parseColor("#666666"));
        mPaint.setAntiAlias(true);
    }
    @Override
    protected void onDraw(Canvas canvas) {
        drawCircle(canvas);
    }
    /**
     * 绘制圆
     * @param canvas
     */
    private void drawCircle(Canvas canvas) {
         mPaint.setStyle(Paint.Style.STROKE);
         canvas.drawCircle(widhth/2,height/2,widhth/2-padding,mPaint);
    }
}

效果图：

第二步：绘制刻度

/**
 * 绘制刻度
 * @param canvas
 */
private void drawScale(Canvas canvas) {
    mPaint.setStyle(Paint.Style.FILL);
    canvas.drawLine(widhth / 2 - padding, padding, widhth / 2 - padding, padding + 4 + 8, mPaint);
}

效果图：

但是我们要画类似这种图：

一起要画12个这个线,那就相当于每二根线之间的角度就是360/12=30度

分析如图：

每换完一根线后画布就旋转30度

/**
 * 绘制刻度
 * @param canvas
 */
private void drawScale(Canvas canvas) {
    mPaint.setStyle(Paint.Style.FILL);
    for(int i=0;i<12;i++){
        if(i%3==0){//  12  3  6  9对应的线长点
            canvas.drawLine(widhth / 2 - padding, padding, widhth / 2 - padding, padding + 4 + 15, mPaint);
        }else{
            canvas.drawLine(widhth / 2 - padding, padding, widhth / 2 - padding, padding + 4 + 8, mPaint);
        }
        canvas.rotate(30, widhth / 2, widhth / 2);
    }
}

效果：

刻度就是利用了canvas的rotate()旋转方法绘制上去的,但是得以圆的中心点为旋转点

第三步绘制时分表表针

这个绘制是根据当前的时间来指向的，

/**
 * 绘制时  分 表 指针
 * @param canvas
 */
private void drawPointer(Canvas canvas) {
    mCalendar = Calendar.getInstance();
    mHour = mCalendar.get(Calendar.HOUR);
    mMinuate = mCalendar.get(Calendar.MINUTE);
    mSecond = mCalendar.get(Calendar.SECOND);
    //小时的旋转度
    mDegrees = mHour*30+mMinuate/2;
    mPaint.setColor(Color.BLACK);
    canvas.save();
    canvas.rotate(mDegrees, widhth / 2, widhth / 2);
    canvas.drawLine(widhth / 2, height / 2, widhth / 2, widhth / 2 - mHourLineLen, mPaint);
    canvas.restore();
    //分钟
    mPaint.setColor(Color.RED);
    mDegrees = mMinuate*6+mSecond/10;
    canvas.save();
    canvas.rotate(mDegrees, widhth / 2, widhth / 2);
    canvas.drawLine(widhth / 2, height / 2, widhth / 2, widhth / 2 - mHourLineLen, mPaint);
    canvas.restore();
    //绘制表针
    mPaint.setColor(Color.BLUE);
    mDegrees = mSecond*6;
    canvas.save();
    canvas.rotate(mDegrees, widhth / 2, widhth / 2);
    canvas.drawLine(widhth / 2, height / 2, widhth / 2, widhth / 2 - mHourLineLen, mPaint);
    canvas.restore();
}

效果图：

在这解释下这个mDegrees这个值比如现在是21:20 但是分为12小时制的话就是9:20 时就是9*30度=270度但是这个时针指向9肯定是不对的,因为还有20分钟呢?时针线肯定是在9和10之间指向,这么这1小时之间是30度,就拿21:30这个时间来算,这个时候时针角度应该是30*9+30/2=285度这就说明60分钟1小时而1小时是30度，也就是说每2分钟时针角度应该动一下,根据这个原理分钟和表之间的计算也是类似的,

还有一点要特别的注意2就是绘制完时针它是根据当前的时针数比如9然后旋转30*9的但是canvas使用了动画完以后一定要恢复到原来的，不然你绘制分钟就会出问题,我就遇到了这个问题,在这特别提醒下

特别改动下了：类全部代码复制下看下效果：

package com.example.clockview;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.widget.ImageView;

import java.util.Calendar;

/**
 * Created by Adminis on 2016/11/6.
 */
public class ClockView extends ImageView {
    private static final String TAG = "ClockView";
    private Paint mPaint;
    private int widhth = 200;//控件的宽度
    private int height = 200;//控件的高度
    private int padding = 5;
    private Calendar mCalendar;
    private int mHour;//小时
    private int mMinuate;//分钟
    private int mSecond;//秒
    private float mDegrees ;//因为圆是360度 我们有12个刻度 所以就是360/12
    private int mHourLineLen;//时指针 线
    private int mMinuateLine;//分钟 线
    private int mSecondLine ;//表钟线
    public ClockView(Context context) {
        this(context, null);
    }
    public ClockView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }
    public ClockView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initPaint();
    }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        setMeasuredDimension(widhth, height);
        mHourLineLen = (int) (widhth/2*0.6);
        mMinuateLine = (int) (widhth/2*0.7);
        mSecondLine = (int) (widhth/2*0.8);
    }
    private void initPaint() {
        mPaint = new Paint();
        mPaint.setStrokeWidth(3);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setColor(Color.parseColor("#666666"));
        mPaint.setAntiAlias(true);
    }
    @Override
    protected void onDraw(Canvas canvas) {
        drawCircle(canvas);
        drawScale(canvas);
        canvasCenterCircle(canvas);
        drawPointer(canvas);
    }

    /**
     * 在 圆中心绘制一个点
     * @param canvas
     */
    private void canvasCenterCircle(Canvas canvas) {
        mPaint.setStyle(Paint.Style.FILL);
        canvas.drawCircle(widhth / 2, height / 2, 5, mPaint);
    }


    /**
     * 绘制圆
     * @param canvas
     */
    private void drawCircle(Canvas canvas) {
         mPaint.setStyle(Paint.Style.STROKE);
        canvas.drawCircle(widhth / 2, height / 2, widhth / 2 - padding, mPaint);
    }
    /**
     * 绘制刻度
     * @param canvas
     */
    private void drawScale(Canvas canvas) {
        mPaint.setStyle(Paint.Style.FILL);
        for(int i=0;i<12;i++){
            if(i%3==0){//  12  3  6  9对应的线长点
                canvas.drawLine(widhth / 2 - padding, padding, widhth / 2 - padding, padding + 4 + 15, mPaint);
            }else{
                canvas.drawLine(widhth / 2 - padding, padding, widhth / 2 - padding, padding + 4 + 8, mPaint);
            }
            canvas.rotate(30, widhth / 2, widhth / 2);
        }
    }
    /**
     * 绘制时  分 表 指针
     * @param canvas
     */
    private void drawPointer(Canvas canvas) {
        mCalendar = Calendar.getInstance();
        mHour = mCalendar.get(Calendar.HOUR);
        mMinuate = mCalendar.get(Calendar.MINUTE);
        mSecond = mCalendar.get(Calendar.SECOND);
        //小时的旋转度
        mDegrees = mHour*30+mMinuate/2;
        mPaint.setColor(Color.BLACK);
        canvas.save();
        canvas.rotate(mDegrees, widhth / 2, widhth / 2);
        canvas.drawLine(widhth / 2, height / 2, widhth / 2, widhth / 2 - mHourLineLen, mPaint);
        canvas.restore();
        //分钟
        mPaint.setColor(Color.parseColor("#666666"));
        mPaint.setStrokeWidth(5);
        mDegrees = mMinuate*6+mSecond/10;
        canvas.save();
        canvas.rotate(mDegrees, widhth / 2, widhth / 2);
        canvas.drawLine(widhth / 2, height / 2, widhth / 2, widhth / 2 - mMinuateLine, mPaint);
        canvas.restore();
        //绘制表针
        mPaint.setStrokeWidth(2);
        mPaint.setColor(Color.parseColor("#666666"));
        mDegrees = mSecond*6;
        canvas.save();
        canvas.rotate(mDegrees, widhth / 2, widhth / 2);
        canvas.drawLine(widhth / 2, height / 2, widhth / 2, widhth / 2 - mSecondLine, mPaint);
        canvas.restore();
    }
}

效果：

第四步就是绘制当前时间文字显示在中心点下面：

/**
 * 绘制文字
 * @param canvas
 */
private void drawStr(Canvas canvas) {
    mPaint.setTextSize(24);
    StringBuffer sb =  new StringBuffer();
    if(mHour<10){
        sb.append("0").append(String.valueOf(mHour)).append(":");
    }else{
        sb.append(String.valueOf(mHour)).append(":");
    }
    if(mMinuate<10){
        sb.append("0").append(String.valueOf(mMinuate)).append(":");
    }else{
        sb.append(String.valueOf(mMinuate)).append(":");
    }
    if(mSecond<10){
        sb.append("0").append(String.valueOf(mSecond));
    }else{
        sb.append(String.valueOf(mSecond));
    }
    String str = sb.toString();
    int strW = (int) mPaint.measureText(str);
    canvas.drawText(str, widhth / 2 - strW / 2, widhth / 2 + 30,mPaint);
}

效果：

最后一步就是利用Handler每秒去刷新界面就能做到动态的显示时间了：

最后完整的代码：

package com.example.clockview;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.widget.ImageView;
import java.util.Calendar;
/**
 * Created by Adminis on 2016/11/6.
 */
public class ClockView extends ImageView {
    private static final String TAG = "ClockView";
    private Paint mPaint;
    private int widhth = 200;//控件的宽度
    private int height = 200;//控件的高度
    private int padding = 5;
    private Calendar mCalendar;
    private int mHour;//小时
    private int mMinuate;//分钟
    private int mSecond;//秒
    private float mDegrees ;//因为圆是360度 我们有12个刻度 所以就是360/12
    private int mHourLineLen;//时指针 线
    private int mMinuateLine;//分钟 线
    private int mSecondLine ;//表钟线
    private Handler mHandler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            invalidate();
        }
    };
    public ClockView(Context context) {
        this(context, null);
    }
    public ClockView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }
    public ClockView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initPaint();
    }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        setMeasuredDimension(widhth, height);
        mHourLineLen = (int) (widhth/2*0.6);
        mMinuateLine = (int) (widhth/2*0.7);
        mSecondLine = (int) (widhth/2*0.8);
    }
    private void initPaint() {
        mPaint = new Paint();
        mPaint.setStrokeWidth(3);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setColor(Color.parseColor("#666666"));
        mPaint.setAntiAlias(true);
    }
    @Override
    protected void onDraw(Canvas canvas) {
        drawCircle(canvas);
        drawScale(canvas);
        canvasCenterCircle(canvas);
        drawPointer(canvas);
        drawStr(canvas);
        mHandler.sendEmptyMessage(1);
    }
    /**
     * 绘制文字
     * @param canvas
     */
    private void drawStr(Canvas canvas) {
        mPaint.setTextSize(24);
        StringBuffer sb =  new StringBuffer();
        if(mHour<10){
            sb.append("0").append(String.valueOf(mHour)).append(":");
        }else{
            sb.append(String.valueOf(mHour)).append(":");
        }
        if(mMinuate<10){
            sb.append("0").append(String.valueOf(mMinuate)).append(":");
        }else{
            sb.append(String.valueOf(mMinuate)).append(":");
        }
        if(mSecond<10){
            sb.append("0").append(String.valueOf(mSecond));
        }else{
            sb.append(String.valueOf(mSecond));
        }
        String str = sb.toString();
        int strW = (int) mPaint.measureText(str);
        canvas.drawText(str, widhth / 2 - strW / 2, widhth / 2 + 30,mPaint);
    }
    /**
     * 在 圆中心绘制一个点
     * @param canvas
     */
    private void canvasCenterCircle(Canvas canvas) {
        mPaint.setStyle(Paint.Style.FILL);
        canvas.drawCircle(widhth / 2, height / 2, 5, mPaint);
    }


    /**
     * 绘制圆
     * @param canvas
     */
    private void drawCircle(Canvas canvas) {
         mPaint.setStyle(Paint.Style.STROKE);
        canvas.drawCircle(widhth / 2, height / 2, widhth / 2 - padding, mPaint);
    }
    /**
     * 绘制刻度
     * @param canvas
     */
    private void drawScale(Canvas canvas) {
        mPaint.setStyle(Paint.Style.FILL);
        for(int i=0;i<12;i++) {
            if (i % 3 == 0) {//  12  3  6  9对应的线长点
                canvas.drawLine(widhth / 2 - padding, padding, widhth / 2 - padding, padding + 4 + 15, mPaint);
            }else{
                canvas.drawLine(widhth / 2 - padding, padding, widhth / 2 - padding, padding + 4 + 8, mPaint);
            }
            canvas.rotate(30, widhth / 2, widhth / 2);
        }
    }

    /**
     * 绘制时  分 表 指针
     * @param canvas
     */
    private void drawPointer(Canvas canvas) {
        mCalendar = Calendar.getInstance();
        mHour = mCalendar.get(Calendar.HOUR);
        mMinuate = mCalendar.get(Calendar.MINUTE);
        mSecond = mCalendar.get(Calendar.SECOND);
        //小时的旋转度
        mDegrees = mHour*30+mMinuate/2;
        mPaint.setColor(Color.BLACK);
        canvas.save();
        canvas.rotate(mDegrees, widhth / 2, widhth / 2);
        canvas.drawLine(widhth / 2, height / 2, widhth / 2, widhth / 2 - mHourLineLen, mPaint);
        canvas.restore();
        //分钟
        mPaint.setColor(Color.parseColor("#666666"));
        mPaint.setStrokeWidth(5);
        mDegrees = mMinuate*6+mSecond/10;
        canvas.save();
        canvas.rotate(mDegrees, widhth / 2, widhth / 2);
        canvas.drawLine(widhth / 2, height / 2, widhth / 2, widhth / 2 - mMinuateLine, mPaint);
        canvas.restore();
        //绘制表针
        mPaint.setStrokeWidth(2);
        mPaint.setColor(Color.parseColor("#666666"));
        mDegrees = mSecond*6;
        canvas.save();
        canvas.rotate(mDegrees, widhth / 2, widhth / 2);
        canvas.drawLine(widhth / 2, height / 2, widhth / 2, widhth / 2 - mSecondLine, mPaint);
        canvas.restore();
    }
}

动态效果：

终于写完了!

刚群里有人反映说3时和15秒时时针和表针线不重合的问题,于是我自己写死了一个数据测试了下发现真的是有这个bug 导致这个bug造成的原因是

/**
 * 绘制刻度
 * @param canvas
 */
private void drawScale(Canvas canvas) {
    mPaint.setStyle(Paint.Style.FILL);
    for(int i=0;i<12;i++) {
        if (i % 3 == 0) {//  12  3  6  9对应的线长点
            canvas.drawLine(widhth / 2-padding , padding, widhth / 2 -padding, padding + 4 + 15, mPaint);
        }else{
            canvas.drawLine(widhth / 2-padding , padding, widhth / 2-padding, padding + 4 + 8, mPaint);
        }
        canvas.rotate(30, widhth / 2, widhth / 2);
    }
}

是这个x轴开始和结束点的坐标不对,应该把-padding去掉就正常了

改成后：

/**
 * 绘制刻度
 * @param canvas
 */
private void drawScale(Canvas canvas) {
    mPaint.setStyle(Paint.Style.FILL);
    for(int i=0;i<12;i++) {
        if (i % 3 == 0) {//  12  3  6  9对应的线长点
            canvas.drawLine(widhth / 2-padding , padding, widhth / 2 -padding, padding + 4 + 15, mPaint);
        }else{
            canvas.drawLine(widhth / 2-padding , padding, widhth / 2-padding, padding + 4 + 8, mPaint);
        }
        canvas.rotate(30, widhth / 2, widhth / 2);
    }
}

我现在把时针写死在3点秒数定在15秒后效果：

谢谢群里提出问题的同学

github:https://github.com/zhouguizhi/ClockView

Qt控件提升为自定义类虾米小小小 Qt
今天在提升QLabel控件为自定义控件时，发现弹出的对话框里没有直接出现我的新Label类，后来手动填写自定义类名才添加上去，后边还出现“Notused”，吓我一跳，不过还好能识别。像QtCreator中UI界面中的奇葩问题也还遇到过几个，比如在UI界面拖拽控件调整位置时，有时控件会突然隐藏，不管怎么选都选不中，不过右侧列表中还有控件名称，直接剪切复制也就出来了，Crtl+Z都不行，你说气不气；还
自定义控件实现类似于抖音加载动画效果折翅鵬 Android android kotlin
最近做AI项目，设计师想实现类似于抖音那种加载动画效果，但是不是两个圆球交叉，而是两个三角形，其实可以用lottie动画的，但是我本人比较喜欢自定义控件，因此就自定义控件实现了。代码如下：importandroid.animation.ValueAnimatorimportandroid.content.Contextimportandroid.graphics.Canvasimportandro
Android 自定义控件基础-ListView的加载更多琼珶和予
ListView加载更多与之前的下拉刷新实现的方式差不多，都是通过自定义控件来实现的，而且都是通过重写ListView来实现的。1.foot布局 foot布局当中有一个progressbar控件，在我们使用这个控件的时候，要注意一点：如果我们想要使用·父布局来限制progressbar的大小，如果progressbar的layout_width设置的是wrap_content的话，会发现父布
解决WPF item的高度适应控件自身的大小，而不是每个item高度都固定一样光头达 wpf
最近有个需求，将一些自定义的控件显示在ItemsControl中，通过绑定的方法却发现每个item的高度一样，并非是自定义控件本身的高度，网上搜了堆调整item高度的方法未果，只好自己动手如图是未达到期望效果时的代码图主程序代码：显然这并非预期的效果既然item的高度和宽度不好设置那就看看Test1,Test2的高度和宽度效果是有了，要是每个自定义控件都在生成时给高宽度赋值会很麻烦，那么它为什么不
【Qt笔记】QLabel控件详解冷眼看人间恩怨 Qt qt 笔记开发语言 QLabel
目录一、引言二、QLabel的基本介绍2.1文本显示2.2图片显示2.3交互性2.4样式和属性三、QLabel的常用函数方法四、QLabel的高级特性4.1文本格式化4.2图片缩放与裁剪4.3交互性增强五、QLabel的常见应用场景5.1信息提示5.2图标与文本结合5.3动态内容更新5.4自定义控件的一部分六、QLabel的高级用法与技巧6.1使用HTML进行富文本格式化6.2图片的缩放与裁剪6.
IOS 12 自定义用户协议对话框 sziitjin IOS ios
实现效果实现逻辑本文使用QMUI里面提供的控制器+自定义控件实现。添加依赖#腾讯开源的UI框架，提供了很多功能，例如：圆角按钮，空心按钮，TextView支持placeholder#https://github.com/QMUI/QMUIDemo_iOS#https://qmuiteam.com/ios/get-startedpod"QMUIKit"还不了解如何使用CocoaPods管理依赖的，建
Android 自定义控件笔记（如何创建自己的自定义控件，具体步骤） le161616 Android学习笔记 android 笔记 java
前言：为什么要有自定义控件当我们遇到现有的控件无法满足我们需求的时候，我们就可以通过自定义满足我们需求的控件来实现我们的需求。一.首先确定要创建的自定义控件的类型（一）自定义组合控件即利用现有的控件组合出我们想要的控件，适用于自定义控件可再分割的类型（二）自定义View当我们所需要的自定义控件无法再切分为现有的控件时，我们就需要自己编写一个自定义View，相当于Android中的单一View（如：
【WPF应用4】WPF界面对象编辑白话Learning WPF wpf
简介WPF（WindowsPresentationFoundation）是.NET框架的一部分，它为开发人员提供了一个用于构建桌面应用程序用户界面的强大平台。WPF界面对象编辑是指在WPF应用程序中创建、设计和修改用户界面元素的过程。这些界面对象不仅包括基本的控件如按钮、文本框和标签，还包括更复杂的布局容器如面板和堆叠面板，以及自定义控件和视觉效果。WPF界面对象编辑的功能和灵活性使得它成为开发富
Avalonia学习（二十九）-仪表 jason成都学习 Avalonia
Avalonia制作仪表盘，把控件给大家演示一下，Avalonia有三类自定义控件，分别是用户控件、模版控件、自主控件。前面已经很多用户控件了，这个是演示模版控件，另外一种不知道哪种情况下使用。前端代码：-->后台代码：usingAvalonia;usingAvalonia.Controls;usingAvalonia.Controls.Shapes;usingAvalonia.Media;usi
Qt程序设计-柱状温度计自定义控件实例未来无限 C++QT程序设计 qt 自定义控件温度计柱状温度计
Qt程序设计-柱状温度计自定义控件实例本文讲解Qt柱状温度计自定义控件实例。效果演示创建温度计类#ifndefTHERMOMETER_H#defineTHERMOMETER_H#include#include#include#include#includeclassThermometer:publicQWidget{Q_OBJECTpublic:explicitThermometer(QWidge
android仿高德地图首页,Android BottomSheet 的使用（仿高德地图的列表效果）董振业 android仿高德地图首页
最近项目中突然要实现高德地图中列表的效果，刚开始一筹莫展，以为是自定义控件还是通过手势进行判断，果断蒙了，百度谷歌了一下最后发现原来谷歌早就就出来了这样的效果--android.support.design.widget里面就有BottomSheet这样的一个底部动作条，下面我就以我自己实现的类似高德地图的列表效果来解释一下BottomSheet的使用。仿高德地图的列表效果仿高德地图的列表效果一、
继承View实现抽奖轮盘爱笑re 自定义View 自定义控件抽奖轮盘
一、效果图二、主布局中是自己的自定义控件三、MainActivity什么也没有,所以下面是自定义类的代码:/***date:2018/11/4*author:王加辉(家辉辉辉)*function:轮盘抽奖*/publicclassDialextendsViewimplementsView.OnClickListener{privateintx;privateinty;privatePaintmPa
01 Qt自定义风格控件的基本原则峭桑岱司 Qt-GUI：自定义组件的思路 qt
目录1.继承原生控件2.组合原生控件3.仿写原生控件PS:后续将继续分享开发实践中各类自定义控件的方法、思路以及组件库1.继承原生控件关键字：继承、paintEvent这里想说的是，Qt的Gui框架在封装原生控件的同时，也为开发者提供了各种虚接口函数。如果Qt原生控件+QSS样式表的组合满足不了业务开发的风格需要时，那么继承Qt原生控件、重写绘制关联虚接口函数一定是我封装控件的第一选择。比如：下面
02 从QLabel聊起：自定义控件扩展-图片控件峭桑岱司 Qt-GUI：自定义组件的思路 qt
系列文章目录01Qt自定义风格控件的基本原则-CSDN博客目录系列文章目录前言一、使用场景二、实现思路1.概述2.功能接口3.绘制代码示例总结前言如果让我选一个极其鸡肋的Qt原生控件，我一定会投票给QLabel类！首先，就其功能而言，我觉得QLabel类的功能相对冗杂！对于QLabel的定位是既可以用于展示文本，也可以用于展示图片。然而，对于展示文本的场合，却不支持长文本省略模式(就是单行文字过长
03 从QLabel聊起：自定义控件扩展-文本控件峭桑岱司 Qt-GUI：自定义组件的思路 qt
系列文章目录01Qt自定义风格控件的基本原则-CSDN博客02从QLabel聊起：自定义控件扩展-图片控件-CSDN博客目录系列文章目录前言一、QLabel文本展示接口的弊端二、自定义Text组件使用场景三、实现思路1.概述单行文本的场景：多行文本的场景：2.功能接口举例3.文本渲染示例单行文本渲染：多行文本渲染：总结前言在上一篇《02从QLabel聊起：自定义控件扩展-图片控件-CSDN博客》中
04 自定义Button组件：令人抓狂的QToolButton文本图标居中问题峭桑岱司 Qt-GUI：自定义组件的思路 qt
系列文章目录01Qt自定义风格控件的基本原则-CSDN博客02从QLabel聊起：自定义控件扩展-图片控件-CSDN博客03从QLabel聊起：自定义控件扩展-文本控件-CSDN博客目录系列文章目录前言一、从QToolButton的渲染源码讲起1.QToolButton渲染源码2.文本+图标居中显示繁琐的原因二、自定义Button控件的使用场景1.单一文本按钮风格：2.单一图标风格：3.图标+文本
WPF 在控件上预留一个占位给到调用方使用搬砖的诗人Z C#wpf wpf 开发语言
WPF在控件上预留一个占位给到调用方使用，首先创建一个自定义控件，并在其中包含一个可用于承载外部内容的容器。在后台配置一个依赖属性PromptContent用于绑定publicstaticreadonlyDependencyPropertyPromptContentProperty=DependencyProperty.Register("PromptContent",typeof(object)
c#Winform自定义控件-目录刘欢(C#) winform 自定义控件 HZHControls
官网：http://hzhcontrols.com/前提入行已经7,8年了，一直想做一套漂亮点的自定义控件，于是就有了本系列文章。GitHub：https://github.com/kwwwvagaa/NetWinformControl码云：https://gitee.com/kwwwvagaa/net_winform_custom_control.git如果觉得写的还行，请点个star支持一下吧
（三十八）c#Winform自定义控件-圆形进度条 kwwwvagaa 自定义控件 c#winform 自定义控件
前提入行已经7,8年了，一直想做一套漂亮点的自定义控件，于是就有了本系列文章。GitHub：https://github.com/kwwwvagaa/NetWinformControl码云：https://gitee.com/kwwwvagaa/net_winform_custom_control.git如果觉得写的还行，请点个star支持一下吧欢迎前来交流探讨：企鹅群568015492目录htt
【开工大吉】推荐4款开源、美观的WPF UI组件库快乐非自愿开源 wpf ui
WPF介绍WPF是一个强大的桌面应用程序框架，用于构建具有丰富用户界面的Windows应用。它提供了灵活的布局、数据绑定、样式和模板、动画效果等功能，让开发者可以创建出吸引人且交互性强的应用程序。HandyControlHandyControl是一套WPF控件库，它几乎重写了所有原生样式，同时包含80余款自定义控件。使用HandyControl你可以轻松地创建一个美观的WPF应用程序，从而大大提高
iOS高可控性日历基础组件-SKCalendarView的使用和实现思路的分享上天眷顾我 iOS开发 iOS 资源大全 iOS高可控性日历基础组件
本文来自简书，原文地址:http://www.jianshu.com/p/ce4c64a4d437简述SKCalendarView是一个高可控性的日历基础组件，为了提高应用的自由度，默认只提供了日历部分的视图封装，但不涵盖切换月份按钮、年月分显示等非关键性控件，但请不要担心，SKCalendarView为你提供了多样性的API，你可以很轻松的拿到这些信息去展示在你自己的自定义控件中，以及对当前UI
iOS 高可控性日历基础组件 - SKCalendarView 的使用和实现思路的分享 cleven_zhao 实用开源项目
阅读61收藏52017-04-02原文链接：http://www.jianshu.com/p/ce4c64a4d437SKCalendarView是一个高可控性的日历基础组件，为了提高应用的自由度，默认只提供了日历部分的视图封装，但不涵盖切换月份按钮、年月分显示等非关键性控件，但请不要担心，SKCalendarView为你提供了多样性的API，你可以很轻松的拿到这些信息去展示在你自己的自定义控件中
C# system.web.ui生成html swsk C#system.web.ui c#
HtmlTextWriter学习笔记这两天正好在研究asp.net自定义控件制作，HtmlTextWriter在控件制作中发挥重要作用，能够帮助我快速生成html语句。因此决定写下笔记，方便以后查阅。HtmlTextWriter的名称空间是System.Web.UI，如果在winform程序下使用，不要忘了添加System.Web.dll引用。HtmlTextWriter与Html32TextWr
（十三）c#Winform自定义控件-导航菜单 kwwwvagaa 自定义控件 c#winform 自定义控件
（十三）c#Winform自定义控件-导航菜单前提入行已经7,8年了，一直想做一套漂亮点的自定义控件，于是就有了本系列文章。GitHub：https://github.com/kwwwvagaa/NetWinformControl码云：https://gitee.com/kwwwvagaa/net_winform_custom_control.git如果觉得写的还行，请点个star支持一下吧欢迎前
Android:自定义控件偶是不器 Android android 自定义组件笔记
3.16自定义控件1.自定义VIEW组件创建CustomizeView,继承View。重写onDraw方法，通过onDraw方法绘制我们自定义的图像、位图、路径等。示例：//自定义绘制ViewpublicclassCutomizeViewextendsView{//构造方法publicCutomizeView(Contextcontext){super(context);}//构造方法,这个构造必
iOS - 自定义控件实时查看苦修士
我们在创建自定义控件的时候,需要不断的去command+R运行,查看效果.这是一件让人很郁闷的事.不过下面的方法,可以让你省掉这部分过程哦!这是我自定义的button这是button的样式设置接下来重点来了用于展示效果的view记住这里哦!很重要的一句接下来在TestView里面这里会出现图片显示不出来的问题,需要写一个分类然后我们切到TestView.xib文件很神奇的一个开发小技能!
自定义控件绘制(Paint之Shader)篇十一 zhaoyubetter
参考：https://blog.csdn.net/harvic880925/article/details/52039081shader称为着色器，用来给图片上色用的；Shader类只是一个基类，只有两个方法setLocalMatrix(MatrixlocalM)、getLocalMatrix(MatrixlocalM)用来设置坐标变换矩阵的；Shader类与ColorFiler一样，其实是一个空
Android ScrollView嵌套ListView加载数据后不置顶 Bobby_洋
问题复现：ScrollView或者其他继承于ScrollView的自定义控件，里面嵌套了ListView或其他继承于该控件的自定义控件，在加载完数据后，ScrollView位置会定位在ListView上部而不是ScrollView下的顶部。问题原因：ListView在没有加载数据前，ScrollView已经把listview的位置绘制完成，在ListView加载数据后，高度会改变，这时Scroll
Godot4.2】文件系统自定义控件-DirListView 巽星石 Godot4.0 Godot自定义控件 godot
DirListView概述本篇仍然是基于Godot4.2的文件系统相关自定义控件系列，DirListView扩展自ItemList控件，可以显示指定文件夹中的子文件夹和子文件内容。运行后，可以选中相应的项，进行单击或双击等。DirListView并没有过分的设计这部分的功能，但使用者只需要连接和处理ItemList原本就有的信号，就可以实现诸如双击文件夹进入下一级这样的功能。代码同样的，DirLi
【Godot4.2】文件系统自定义控件 - GroupButtons 巽星石 Godot4.0 Godot自定义控件 godot
GroupButtons概述读者朋友们好，我是巽星石，这是我的Godot4.2文件系统自定义控件系列文章。在很多程序或插件设计中，都会用到一堆按钮的形式，好处是比较直观，用啥点啥，本质上相当于一个简化的二级树形导航结构。这种结构我在自己编写的Godot插件myAdd中使用过，这次是基于Godot4.2重新编写，并通过解析自定义数据形式简化使用的版本。代码同样只需要拷贝下面的代码到你的插件或程序项目
Java 并发包之线程池和原子计数 lijingyao8206 Java计数 ThreadPool 并发包 java线程池
对于大数据量关联的业务处理逻辑，比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式，并且可以提高线程利用率，并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C
java编程思想抽象类和接口百合不是茶 java 抽象类接口
接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持 1 ,抽象类 : 如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错) 抽象方法 : 在方法中仅有声明而没有方法体 package com.wj.Interface;
[房地产与大数据]房地产数据挖掘系统 comsci 数据挖掘
随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间... 所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产 &nb
数组队列总结沐刃青蛟数组队列
数组队列是一种大小可以改变，类型没有定死的类似数组的工具。不过与数组相比，它更具有灵活性。因为它不但不用担心越界问题，而且因为泛型（类似c++中模板的东西）的存在而支持各种类型。以下是数组队列的功能实现代码： import List.Student; public class
Oracle存储过程无法编译的解决方法 IT独行者 oracle 存储过程　
今天同事修改Oracle存储过程又导致2个过程无法被编译，流程规范上的东西，Dave 这里不多说，看看怎么解决问题。 1. 查看无效对象 XEZF@xezf(qs-xezf-db1)> select object_name,object_type,status from all_objects where status='IN
重装系统之后oracle恢复文强chu oracle
前几天正在使用电脑，没有暂停oracle的各种服务。突然win8.1系统奔溃，无法修复，开机时系统提示正在搜集错误信息，然后再开机，再提示的无限循环中。无耐我拿出系统u盘准备重装系统，没想到竟然无法从u盘引导成功。晚上到外面早了一家修电脑店，让人家给装了个系统，并且那哥们在我没反应过来的时候，直接把我的c盘给格式化了并且清理了注册表，再装系统。然后的结果就是我的oracl
python学习二（一些基础语法）小桔子 pthon 基础语法
紧接着把！昨天没看继续看django 官方教程，学了下python的基本语法与c类语言还是有些小差别： 1.ptyhon的源文件以UTF-8编码格式 2. / 除结果浮点型 // 除结果整形 % 除取余数 * 乘 ** 乘方 eg 5**2 结果是5的2次方25 _&
svn 常用命令 aichenglong SVN 版本回退
1 svn回退版本 1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version 两者的区别: revert this version:表示回退到当前版本(该版本后的版本全部作废) revert chanages from this versio
某小公司面试归来 alafqq 面试
先填单子，还要写笔试题，我以时间为急，拒绝了它。。时间宝贵。老拿这些对付毕业生的东东来吓唬我。。面试官很刁难，问了几个问题，记录下； 1，包的范围。。。public,private,protect. --悲剧了 2，hashcode方法和equals方法的区别。谁覆盖谁.结果，他说我说反了。 3，最恶心的一道题，抽象类继承抽象类吗？（察，一般它都是被继承的啊） 4，stru
动态数组的存储速度比较集合框架百合不是茶集合框架
集合框架：自定义数据结构(增删改查等) package 数组; /** * 创建动态数组 * @author 百合 * */ public class ArrayDemo{ //定义一个数组来存放数据 String[] src = new String[0]; /** * 增加元素加入容器 * @param s要加入容器
用JS实现一个JS对象，对象里有两个属性一个方法 bijian1013 js对象
<html> <head> </head> <body> 用js代码实现一个js对象，对象里有两个属性，一个方法 </body> <script> var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){
探索JUnit4扩展：使用Rule bijian1013 java 单元测试 JUnit Rule
在上一篇文章中，讨论了使用Runner扩展JUnit4的方式，即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。 1. Rule &n
[Gson一]非泛型POJO对象的反序列化 bit1129 POJO
当要将JSON数据串反序列化自身为非泛型的POJO时，使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种： 1. POJO对象不包含任何泛型的字段 2. POJO对象包含泛型字段，例如泛型集合或者泛型类 Data类 a.不是泛型类， b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO
【Kakfa五】Kafka Producer和Consumer基本使用 bit1129 kafka
0.Kafka服务器的配置一个Broker，一个Topic Topic中只有一个Partition（） 1. Producer： package kafka.examples.producers; import kafka.producer.KeyedMessage; import kafka.javaapi.producer.Producer; impor
lsyncd实时同步搭建指南——取代rsync+inotify ronin47
1. 几大实时同步工具比较 1.1 inotify + rsync 最近一直在寻求生产服务服务器上的同步替代方案，原先使用的是 inotify + rsync，但随着文件数量的增大到100W+，目录下的文件列表就达20M，在网络状况不佳或者限速的情况下，变更的文件可能10来个才几M，却因此要发送的文件列表就达20M，严重减低的带宽的使用效率以及同步效率；更为要紧的是，加入inotify
java-9. 判断整数序列是不是二元查找树的后序遍历结果 bylijinnan java
public class IsBinTreePostTraverse{ static boolean isBSTPostOrder(int[] a){ if(a==null){ return false; } /*1.只有一个结点时，肯定是查找树 *2.只有两个结点时，肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是
MySQL的sum函数返回的类型 bylijinnan java spring sql mysql jdbc
今天项目切换数据库时，出错访问数据库的代码大概是这样： String sql = "select sum(number) as sumNumberOfOneDay from tableName"; List<Map> rows = getJdbcTemplate().queryForList(sql); for (Map row : rows
java设计模式之单例模式 chicony java设计模式
在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的：　　作为对象的创建模式，单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。这个类称为单例类。单例模式的结构　　单例模式的特点：单例类只能有一个实例。单例类必须自己创建自己的唯一实例。单例类必须给所有其他对象提供这一实例。　　饿汉式单例类 publ
javascript取当月最后一天 ctrain JavaScript
 <script language=javascript> var current = new Date(); var year = current.getYear(); var month = current.getMonth(); showMonthLastDay(year, mont
linux tune2fs命令详解 daizj linux tune2fs 查看系统文件块信息
一.简介： tune2fs是调整和查看ext2/ext3文件系统的文件系统参数，Windows下面如果出现意外断电死机情况，下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检，而且是可以通过tune2fs命令，自行定义自检周期及方式。二.用法： Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou
做有中国特色的程序员 dcj3sjt126com 程序员
从出版业说起网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有
Android：TextView属性大全 dcj3sjt126com textview
android:autoLink 设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web/email/phone/map/all) android:autoText 如果设置，将自动执行输入值的拼写纠正。此处无效果，在显示输入法并输
tomcat虚拟目录安装及其配置 eksliang tomcat配置说明 tomca部署web应用 tomcat虚拟目录安装
转载请出自出处：http://eksliang.iteye.com/blog/2097184 1.-------------------------------------------tomcat 目录结构 config：存放tomcat的配置文件 temp ：存放tomcat跑起来后存放临时文件用的 work ：当第一次访问应用中的jsp
浅谈：APP有哪些常被黑客利用的安全漏洞 gg163 APP
首先，说到APP的安全漏洞，身为程序猿的大家应该不陌生；如果抛开安卓自身开源的问题的话，其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上，有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测（ineice.com）的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。 1. 应用反编译漏洞：APK 包非常容易被反编译成可读
C#根据网址生成静态页面 hvt Web .net C#asp.net hovertree
HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页，以及显示用户名，退出等功能。根据网址生成页面的方法： bool CreateHtmlFile(string url, string path) { //http://keleyi.com/a/bjae/3d10wfax.htm stri
SVG 教程（一）天梯梦 svg
SVG 简介 SVG 是使用 XML 来描述二维图形和绘图程序的语言。学习之前应具备的基础知识：继续学习之前，你应该对以下内容有基本的了解： HTML XML 基础如果希望首先学习这些内容，请在本站的首页选择相应的教程。什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量
一个简单的java栈 luyulong java 数据结构栈
public class MyStack { private long[] arr; private int top; public MyStack() { arr = new long[10]; top = -1; } public MyStack(int maxsize) { arr = new long[maxsize]; top
基础数据结构和算法八：Binary search sunwinner Algorithm Binary search
Binary search needs an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori
12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！刘星宇 c 面试
12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 1.gets()函数问：请找出下面代码里的问题： #include<stdio.h> int main(void) { char buff[10]; memset(buff,0,sizeof(buff));
ITeye 7月技术图书有奖试读获奖名单公布 ITeye管理员活动 ITeye 试读
ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 7月试读活动回顾： http://webmaster.iteye.com/blog/2092746 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）：《Java性能优化权威指南》

android 自定义view实现表盘效果

你可能感兴趣的:(自定义控件)