Android 使用Kotlin自定义View的方法教程

前言

随着google宣布kotlin作为官方开发语言,在Android中使用kotlin的趋势也越来越明显,最近被kotlin的文章轰炸了,所以决定上手试一下,试过之后,感觉靠它灵简直有魔性。特别是一句话写出一个复杂的循环的时候,简直被惊呆。而且使用AS,Java代码可以直接转成Kotlin。

效果图如下:

首先是这次自定义View的效果图,是一张饼图。如果是用java写的话也就几十行,觉得换成Kotlin的话可能会更少。

示例代码

主要的功能是可以任设定数据的个数,我这里是4个数据,可以任意设定每个数据的颜色。

#####首先上Kotlin代码#####

package top.greendami.mykotlinapp
import android.content.Context
import android.graphics.*
import android.util.AttributeSet
import android.view.View
/**
 * Created by GreendaMi on 2017/4/10.
 */
class PPCircle : View {
 var mDatas = ArrayList<Float>()
 var mColors = ArrayList<Int>(4)
 var mPaint: Paint = Paint()
 constructor(mContext: Context) : super(mContext) {
 val context = mContext
 }
 constructor(mContext: Context, mAttributeSet: AttributeSet) : super(mContext, mAttributeSet) {
 initPaint()
 val context = mContext
 }
 fun initPaint() {
 mPaint.isAntiAlias = true
 mPaint.style = Paint.Style.FILL_AND_STROKE
 mPaint.color = 0xff44b391.toInt()
 }
 //长宽一致
 override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec)
 val widthSpecSize = View.MeasureSpec.getSize(widthMeasureSpec)
 val heightSpecSize = View.MeasureSpec.getSize(heightMeasureSpec)
 val mLayoutSize = Math.min(widthSpecSize, heightSpecSize)
 setMeasuredDimension(mLayoutSize, mLayoutSize)
 }
 /**
 * 设置数据
 */
 fun setData(data: ArrayList<Float>, colors: ArrayList<Int>) {
 mDatas = data
 mColors = colors
 invalidate()
 }
 override fun onDraw(canvas: Canvas?) {
 super.onDraw(canvas)
 if (mDatas.size == 0) {
  return
 }
 //切掉圆心
 var mPath = Path()
 mPath.addCircle(width / 2f, height / 2f, width / 2f * 0.4f,Path.Direction.CW)
 mPath.close()
 canvas?.clipPath(mPath, Region.Op.XOR)
 var total = 0f
 //此处亮点
 mDatas.forEach { total += it }
 var rf = RectF(0f, 0f, width.toFloat(), height.toFloat())
 var startAngle = -90f//起点
 var i = 0
 mDatas.forEach {
  mPaint.color = mColors[i]
  var sweepAngle = it * 360 / total
  canvas?.drawArc(rf, startAngle, sweepAngle, true, mPaint)
  startAngle += sweepAngle
  i++
 }
 }
}

设置数据

package top.greendami.mykotlinapp
import android.os.Bundle
import android.support.v7.app.AppCompatActivity
import kotlinx.android.synthetic.main.activity_main2.*
class Main2Activity : AppCompatActivity() {
 override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)
  setContentView(R.layout.activity_main2)
  var mDatas = ArrayList<Float>()
  mDatas.add(1f)
  mDatas.add(2f)
  mDatas.add(4f)
  mDatas.add(2f)
  var mColors = ArrayList<Int>()
  mColors.add(0xff83ccd2.toInt())
  mColors.add(0xffc0e1ce.toInt())
  mColors.add(0xfffac55e.toInt())
  mColors.add(0xffef805f.toInt())
  ppCircle.setData(mDatas,mColors)
 }
}
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent" tools:context="top.greendami.mykotlinapp.Main2Activity">
 <top.greendami.mykotlinapp.PPCircle
  android:id="@+id/ppCircle"
  android:layout_width="300dp"
  android:layout_height="300dp"  app:layout_constraintBottom_toBottomOf="parent"
  android:layout_marginBottom="8dp"
  android:layout_marginRight="8dp"
  app:layout_constraintRight_toRightOf="parent"
  app:layout_constraintTop_toTopOf="parent"
  android:layout_marginTop="8dp"
  android:layout_marginLeft="8dp"
  app:layout_constraintLeft_toLeftOf="parent" />
</android.support.constraint.ConstraintLayout>

#####相同功能Java代码#####

package com.allrun.arsmartelevatorformanager.widget;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.graphics.Region;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;
import java.util.ArrayList;
import java.util.List;
/**
 * Created by GreendaMi on 2017/4/11.
 */
public class PPCircle extends View {
 Context mContext;
 List<Float> mData = new ArrayList<Float>();//数据
 List<Integer> mColors = new ArrayList<Integer>();//数据对应的颜色
 Paint mPaint = new Paint();
 public PPCircle(Context context) {
  super(context);
 }
 public PPCircle(Context context, @Nullable AttributeSet attrs) {
  super(context, attrs);
  mContext = context;
  initPaint();
 }
 private void initPaint() {
  mPaint.setAntiAlias(true);
  mPaint.setStyle(Paint.Style.FILL_AND_STROKE);
 }
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  int widthSpecSize = View.MeasureSpec.getSize(widthMeasureSpec);
  int heightSpecSize = View.MeasureSpec.getSize(heightMeasureSpec);
  int mLayoutSize = Math.min(widthSpecSize, heightSpecSize);
  setMeasuredDimension(mLayoutSize, mLayoutSize);
 }
 public void setData(List<Float> mData, List<Integer> mColors) {
  this.mData = mData;
  this.mColors = mColors;
 }
 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  if (mData.size() == 0) {
   return;
  }
  //切掉圆心
  Path mPath =new Path();
  mPath.addCircle(getWidth()/2,getWidth()/2,getWidth()/2* 0.4f ,Path.Direction.CW);
  canvas.clipPath(mPath, Region.Op.XOR);

  float total = 0;
  for(float temp : mData){
   total = total + temp;
  }
  RectF rf = new RectF(0f, 0f, getWidth(), getHeight());
  float startAngle = -90f;//起点
  int i = 0;
  for(float temp : mData){
   mPaint.setColor(mColors.get(i));
   float sweepAngle = temp * 360 / total;
   canvas.drawArc(rf, startAngle, sweepAngle, true, mPaint);
   startAngle += sweepAngle;
   i++;
  }
 }
}

说说Kotlin和Java感觉差异比较大的地方。首先是变量的生命,Kotlin声明时必须赋值或者初始化,java则不用,开始有点不习惯。Kotlin不需要分号结尾,Kotlin的循环用起来简直爽YY。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对我们的支持。

您可能感兴趣的文章:

  • Android 自定义View的使用介绍
  • Android自定义View设定到FrameLayout布局中实现多组件显示的方法 分享
  • Android自定义播放器控件VideoView
  • Android自定义View实现广告信息上下滚动效果
  • kotlin 官方学习教程之基础语法详解
  • 使用Kotlin开发Android应用教程
  • Kotlin开发Android应用实例详解
  • Kotlin实现静态方法
  • Kotlin 开发环境详解及简单实例
  • 详解Kotlin中的变量和方法
(0)

相关推荐

  • Android自定义View实现广告信息上下滚动效果

    先看看效果: 实现代码: public class ScrollBanner extends LinearLayout { private TextView mBannerTV1; private TextView mBannerTV2; private Handler handler; private boolean isShow; private int startY1, endY1, startY2, endY2; private Runnable runnable; private Li

  • 详解Kotlin中的变量和方法

    详解Kotlin中的变量和方法 变量 Kotlin 有两个关键字定义变量:var 和 val, 变量的类型在后面. var 定义的是可变变量,变量可以被重复赋值.val 定义的是只读变量,相当于java的final变量. 变量的类型,如果可以根据赋值推测,可以省略. var name: String = "jason" name = "jame" val max = 10 常量 Java 定义常量用关键字 static final, Kotlin 没有static,

  • Kotlin开发Android应用实例详解

    Kotlin开发Android应用实例详解 相关文章:关于Kotlin语言的基础介绍: http://www.jb51.net/article/114086.htm 我们简单的知道了Kotlin这门新语言的优势,也接触了一些常见的语法及其简单的使用,相信你会对它有浓厚的兴趣,暂且理解为对它感兴趣吧,哈哈哈.那么,我们该如何在Android中应用这门新的语言呢?今天的这篇文章带你学习使用Kotlin开发Android应用,并对比我们传统语言Java,让你真真切切的感受到他的美和优雅. 配置 项目g

  • Kotlin 开发环境详解及简单实例

    Hello Kotlin 在前段时间举办的Google I/O 2017上,Google宣布Kotlin成为Android官方的开发语言,这个最初发布于2011年的语言在短短的时间内就吸引了大量的开发者,而Google使得它进入了更多人的视线. Kotlin是一种开源的基于JVM的变成语言,由JetBeans公司开发(大概除了使用VS的.net开发者意外,都会或多或少听说或使用过IDEA吧),名字取自圣彼得堡附近的一个小岛(Koltin island). Kotlin是一种简单的语言,其主要目标

  • 使用Kotlin开发Android应用教程

    使用Kotlin开发Android应用 1.Kotlin介绍 [Kotlin](https://kotlinlang.org/) Kotlin是一门基于JVM的编程语言,它正成长为Android开发中用于替代Java语言的继承者.Java是世界上使用最多的编程语言之一,当其他编程语言为更加便于开发者使用而不断进化时,Java并没有像预期那样及时跟进. Java缺失的很多特性在最新的修订版中逐渐覆盖到了,但Android开发者暂时还没能够使用它们.这就使得类似Kotlin这样的语言有了用武之地了:

  • kotlin 官方学习教程之基础语法详解

    kotlin 官方学习教程之基础语法详解 Google 在今天的举行了 I/O 大会,大会主要主要展示内有容 Android O(Android 8.0)系统.Google Assistant 语音助手.Google 智能音箱.人工智能.机器学习.虚拟现实等.作为一个 Android 开发者,我关心的当然是 Android O(Android 8.0)系统了,那么关于 Android O 系统的一个重要消息是全面支持 Kotlin 编程语言,使得 Kotlin 成为了 Android 开发的官方

  • Android 自定义View的使用介绍

    在项目开发中,可能系统自带的一些widget不能满足我们的需求,这时就需要自定义View. 通过查看系统中的常用widget如Button,TextView,EditText,他们都继承自View,所以我们在继承自定义View的时候也自然的需要继承View.1.首先新建一个类LView继承自View 复制代码 代码如下: public class LView extends View { private Paint paint; public LView(Context context) {  

  • Android自定义View设定到FrameLayout布局中实现多组件显示的方法 分享

    如果想在自定义的View上面显示Button 等View组件需要完成如下任务 1.在自定义View的类中覆盖父类的构造(注意是2个参数的) 复制代码 代码如下: public class MyView2 extends View{ public MyView2(Context context,AttributeSet att) {super(context,att); } public void onDraw(Canvas c) { // 这里绘制你要的内容 } } 2.定义布局文件 复制代码

  • Android自定义播放器控件VideoView

    介绍 最近要使用播放器做一个简单的视频播放功能,开始学习VideoView,在横竖屏切换的时候碰到了点麻烦,不过在查阅资料后总算是解决了.在写VideoView播放视频时候定义控制的代码全写在Actvity里了,写完一看我靠代码好乱,于是就写了个自定义的播放器控件,支持指定大小,可以横竖屏切换,手动左右滑动快进快退.好了,下面开始. 效果图有点卡,我也不知道为啥..... VideoView介绍 这个是我们实现视频播放最主要的控件,详细的介绍大家百度就去看,这里介绍几个常用的方法. 用于播放视频

  • Kotlin实现静态方法

    工具类 全都是静态方法的情况 : class 类名 改为 object 类名 即可 package redwolf.com.moreimageupload import okhttp3.MultipartBody import java.io.File /** * @作者 RedWolf * @时间 2017/5/20 10:52 * @简介 MoreImageUtils.kt */ object MoreImageUtils { fun filesToMultipartBodyParts(fi

随机推荐