热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

非常好看的android音量旋钮

本文实例为大家分享了好看的android音量旋钮,供大家参考,具体内容如下 效果图: 实现思路,用的自定义的控件,图片和按钮都是自己

本文实例为大家分享了好看的android音量旋钮,供大家参考,具体内容如下

效果图:

实现思路,用的自定义的控件,图片和按钮都是自己绘制的,并且附带点击事件,可以监听当前的旋钮的值:

第一步:先把布局写了:

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 
 
 
  
 
 
 
 

第二步:然后把自定义的控件类写了:AnalogController

 import android.content.Context;
  import android.graphics.Canvas;
  import android.graphics.Color;
  import android.graphics.Paint;
  import android.util.AttributeSet;
  import android.view.MotionEvent;
  import android.view.View;
 
 
/**
 * Created by Harjot on 23-May-16.
 */
public class AnalogController extends View {
 
 static float width, height;
 float midx, midy;
 Paint textPaint;
 Paint circlePaint;
 public Paint circlePaint2;
 public Paint linePaint;
 String angle;
 float currdeg, deg = 3, downdeg, prevCurrDeg;
 boolean isIncreasing, isDecreasing;
 public static int themeColor = Color.parseColor("#B24242");
 
 int progressColor, lineColor;
 
 onProgressChangedListener mListener;
 
 String label;
 
 public interface onProgressChangedListener {
  void onProgressChanged(int progress);
 }
 
 public void setOnProgressChangedListener(onProgressChangedListener listener) {
  mListener = listener;
 }
 
 public AnalogController(Context context) {
  super(context);
  init();
 }
 
 public AnalogController(Context context, AttributeSet attrs) {
  super(context, attrs);
  init();
 }
 
 public AnalogController(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  init();
 }
 
 void init() {
  textPaint = new Paint();
  textPaint.setColor(Color.WHITE);
  textPaint.setStyle(Paint.Style.FILL);
  textPaint.setTextSize(20);
  textPaint.setFakeBoldText(true);
  textPaint.setTextAlign(Paint.Align.CENTER);
  circlePaint = new Paint();
  circlePaint.setColor(Color.parseColor("#222222"));
  circlePaint.setStyle(Paint.Style.FILL);
  circlePaint2 = new Paint();
  circlePaint2.setColor(themeColor);
//  circlePaint2.setColor(Color.parseColor("#FFA036"));
  circlePaint2.setStyle(Paint.Style.FILL);
  linePaint = new Paint();
  linePaint.setColor(themeColor);
//  linePaint.setColor(Color.parseColor("#FFA036"));
  linePaint.setStrokeWidth(7);
  angle = "0.0";
  label = "Label";
 }
 
 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  midx = canvas.getWidth() / 2;
  midy = canvas.getHeight() / 2;
 
  int ang = 0;
  float x = 0, y = 0;
  int radius = (int) (Math.min(midx, midy) * ((float) 14.5 / 16));
  float deg2 = Math.max(3, deg);
  float deg3 = Math.min(deg, 21);
  for (int i = (int) (deg2); i <22; i++) {
   float tmp = (float) i / 24;
   x = midx + (float) (radius * Math.sin(2 * Math.PI * (1.0 - tmp)));
   y = midy + (float) (radius * Math.cos(2 * Math.PI * (1.0 - tmp)));
   circlePaint.setColor(Color.parseColor("#111111"));
   canvas.drawCircle(x, y, ((float) radius / 15), circlePaint);
  }
  for (int i = 3; i <= deg3; i++) {
   float tmp = (float) i / 24;
   x = midx + (float) (radius * Math.sin(2 * Math.PI * (1.0 - tmp)));
   y = midy + (float) (radius * Math.cos(2 * Math.PI * (1.0 - tmp)));
   canvas.drawCircle(x, y, ((float) radius / 15), circlePaint2);
  }
 
  float tmp2 = (float) deg / 24;
  float x1 = midx + (float) (radius * ((float) 2 / 5) * Math.sin(2 * Math.PI * (1.0 - tmp2)));
  float y1 = midy + (float) (radius * ((float) 2 / 5) * Math.cos(2 * Math.PI * (1.0 - tmp2)));
  float x2 = midx + (float) (radius * ((float) 3 / 5) * Math.sin(2 * Math.PI * (1.0 - tmp2)));
  float y2 = midy + (float) (radius * ((float) 3 / 5) * Math.cos(2 * Math.PI * (1.0 - tmp2)));
 
  circlePaint.setColor(Color.parseColor("#222222"));
  canvas.drawCircle(midx, midy, radius * ((float) 13 / 15), circlePaint);
  circlePaint.setColor(Color.parseColor("#000000"));
  canvas.drawCircle(midx, midy, radius * ((float) 11 / 15), circlePaint);
  canvas.drawText(label, midx, midy + (float) (radius * 1.1), textPaint);
  canvas.drawLine(x1, y1, x2, y2, linePaint);
 
 }
 
 @Override
 public boolean onTouchEvent(MotionEvent e) {
 
  mListener.onProgressChanged((int) (deg - 2));
 
  if (e.getAction() == MotionEvent.ACTION_DOWN) {
   float dx = e.getX() - midx;
   float dy = e.getY() - midy;
   downdeg = (float) ((Math.atan2(dy, dx) * 180) / Math.PI);
   downdeg -= 90;
   if (downdeg <0) {
    downdeg += 360;
   }
   downdeg = (float) Math.floor(downdeg / 15);
   return true;
  }
  if (e.getAction() == MotionEvent.ACTION_MOVE) {
   float dx = e.getX() - midx;
   float dy = e.getY() - midy;
   currdeg = (float) ((Math.atan2(dy, dx) * 180) / Math.PI);
   currdeg -= 90;
   if (currdeg <0) {
    currdeg += 360;
   }
   currdeg = (float) Math.floor(currdeg / 15);
 
   if (currdeg == 0 && downdeg == 23) {
    deg++;
    if (deg > 21) {
     deg = 21;
    }
    downdeg = currdeg;
   } else if (currdeg == 23 && downdeg == 0) {
    deg--;
    if (deg <3) {
     deg = 3;
    }
    downdeg = currdeg;
   } else {
    deg += (currdeg - downdeg);
    if (deg > 21) {
     deg = 21;
    }
    if (deg <3) {
     deg = 3;
    }
    downdeg = currdeg;
   }
 
   angle = String.valueOf(String.valueOf(deg));
   invalidate();
   return true;
  }
  if (e.getAction() == MotionEvent.ACTION_UP) {
   return true;
  }
  return super.onTouchEvent(e);
 }
 
 public int getProgress() {
  return (int) (deg - 2);
 }
 
 public void setProgress(int x) {
  deg = x + 2;
 }
 
 public String getLabel() {
  return label;
 }
 
 public void setLabel(String txt) {
  label = txt;
 }
 
 public int getLineColor() {
  return lineColor;
 }
 
 public void setLineColor(int lineColor) {
  this.lineColor = lineColor;
 }
 
 public int getProgressColor() {
  return progressColor;
 }
 
 public void setProgressColor(int progressColor) {
  this.progressColor = progressColor;
 }
}

第三步:在MainActivity中,我们去写监听方法,查看旋钮的值:

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.util.Log;
import android.widget.TextView;
 
 
/**
 * Created by 16857 on 2019/4/12.
 */
 
public class TextActivity extends Activity {
 AnalogController bassController;
 public static int themeColor = Color.parseColor("#B24242");
 private TextView tv;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);
 
  bassCOntroller= (AnalogController) findViewById(R.id.controllerBass);
  tv = (TextView)findViewById(R.id.tv);
 
  bassController.setLabel("BASS");
 
  bassController.circlePaint2.setColor(themeColor);
  bassController.linePaint.setColor(themeColor);
  bassController.invalidate();
  bassController.linePaint.setColor(themeColor);
 
  bassController.setOnProgressChangedListener(new AnalogController.onProgressChangedListener() {
   @Override
   public void onProgressChanged(int progress) {
    tv.setText(progress+"");
   }
  });
 
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


推荐阅读
  • 本文介绍了使用kotlin实现动画效果的方法,包括上下移动、放大缩小、旋转等功能。通过代码示例演示了如何使用ObjectAnimator和AnimatorSet来实现动画效果,并提供了实现抖动效果的代码。同时还介绍了如何使用translationY和translationX来实现上下和左右移动的效果。最后还提供了一个anim_small.xml文件的代码示例,可以用来实现放大缩小的效果。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文讲述了如何通过代码在Android中更改Recycler视图项的背景颜色。通过在onBindViewHolder方法中设置条件判断,可以实现根据条件改变背景颜色的效果。同时,还介绍了如何修改底部边框颜色以及提供了RecyclerView Fragment layout.xml和项目布局文件的示例代码。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • Android系统移植与调试之如何修改Android设备状态条上音量加减键在横竖屏切换的时候的显示于隐藏
    本文介绍了如何修改Android设备状态条上音量加减键在横竖屏切换时的显示与隐藏。通过修改系统文件system_bar.xml实现了该功能,并分享了解决思路和经验。 ... [详细]
  • 本文介绍了Android 7的学习笔记总结,包括最新的移动架构视频、大厂安卓面试真题和项目实战源码讲义。同时还分享了开源的完整内容,并提醒读者在使用FileProvider适配时要注意不同模块的AndroidManfiest.xml中配置的xml文件名必须不同,否则会出现问题。 ... [详细]
  • Android开发实现的计时器功能示例
    本文分享了Android开发实现的计时器功能示例,包括效果图、布局和按钮的使用。通过使用Chronometer控件,可以实现计时器功能。该示例适用于Android平台,供开发者参考。 ... [详细]
  • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
  • flowable工作流 流程变量_信也科技工作流平台的技术实践
    1背景随着公司业务发展及内部业务流程诉求的增长,目前信息化系统不能够很好满足期望,主要体现如下:目前OA流程引擎无法满足企业特定业务流程需求,且移动端体 ... [详细]
  • 本文介绍了在使用MSXML解析XML文件时出现DTD禁用问题的解决方案。通过代码示例和错误信息获取方法,解释了默认情况下DTD是禁用的,以及如何启用DTD的方法。此外,还提到了网上关于该问题的信息相对较少,因此本文提供了解决方案以供参考。 ... [详细]
  • 在Xamarin XAML语言中如何在页面级别构建ControlTemplate控件模板
    本文介绍了在Xamarin XAML语言中如何在页面级别构建ControlTemplate控件模板的方法和步骤,包括将ResourceDictionary添加到页面中以及在ResourceDictionary中实现模板的构建。通过本文的阅读,读者可以了解到在Xamarin XAML语言中构建控件模板的具体操作步骤和语法形式。 ... [详细]
author-avatar
兆华2502940257
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有