密码SwitchView

最新推荐文章于 2024-11-01 10:21:36 发布
最新推荐文章于 2024-11-01 10:21:36 发布
阅读量528 收藏
点赞数
分类专栏： 安卓 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qingchunweiliang/article/details/50401719
版权 




/**
 * 
 */
package com.example.test;

import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.support.v4.view.ViewCompat;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.animation.LinearInterpolator;
import android.widget.Scroller;

/**
 * @author Young
 *
 */
public class PwdSwitchView extends View {
	
	private Scroller scroller;
	private float position;
	private Paint paint;
	private int animTime=150;
	
	private OnPwdStateChangeListener pwdStateChangeListener;
	
	private int bagColor=0xff4169E1;
	private int thumbColor=0xffffffff;
	
	private boolean isRight=false;
	public PwdSwitchView(Context context) {
		super(context);
		init();
	}

	public PwdSwitchView(Context context, AttributeSet attrs) {
		super(context, attrs);
		init();
	}
	public PwdSwitchView(Context context, AttributeSet attrs, int defStyleAttr) {
		super(context, attrs, defStyleAttr);
		init();
	}
	@SuppressLint("NewApi")
	public PwdSwitchView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
		super(context, attrs, defStyleAttr, defStyleRes);
		init();
	}
	
	private void init() {
		scroller=new Scroller(getContext(), new LinearInterpolator());
		paint=new Paint();
		paint.setAntiAlias(true);
		try {
			String[]colors=((String)getTag()).split(",|:|;|\\|");
			thumbColor=Color.parseColor(colors[0]);
			bagColor=Color.parseColor(colors[1]);
		} catch (Exception e) {
			throw new RuntimeException("you should set color ,by using android:tag=\"#ffffff|#fe7320\","
					+ "and #ffffff is thumb color , #fe7320 is background . you can also use : or , or ; to split color");
		}
	}

	@Override
	protected void onDraw(Canvas canvas) {
		int width=getWidth();
		int height=getHeight();
		
		float r=width/3.0f/2;
		canvas.translate(0, height/2.0f);
		
		
		paint.setColor(bagColor);
		
		canvas.drawCircle(r, 0, r, paint);
		
		canvas.drawCircle(width-r, 0, r, paint);
		
		canvas.drawRect(r, -r, width-r,	 r, paint);
		
		paint.setColor(thumbColor);
		
		if (position<=width/6.0f) {
			
			canvas.drawCircle(r, 0, r*0.8f, paint);
			
			canvas.translate(r+r, 0);
			
			float distance=width/3.0f*2/4.0f;
			
			canvas.drawCircle(distance, 0, distance*0.3f, paint);
			canvas.drawCircle(distance*2, 0, distance*0.3f, paint);
			canvas.drawCircle(distance*3, 0, distance*0.3f, paint);
		}else if (position>=width*5.0f/6) {
			canvas.drawCircle( width*5.0f/6.0f , 0, r*0.8f, paint);
		}else {
			canvas.drawCircle(position, 0, r*0.8f, paint);
			canvas.translate(r+r, 0);
			float distance=width/3.0f*2/4.0f;
			if (width-position>distance*3) {
				canvas.drawCircle(distance, 0, distance*0.3f, paint);
				canvas.drawCircle(distance*2, 0, distance*0.3f, paint);
				canvas.drawCircle(distance*3, 0, distance*0.3f, paint);
			}else if (width-position>distance*2) {
				canvas.drawCircle(distance*2, 0, distance*0.3f, paint);
				canvas.drawCircle(distance*3, 0, distance*0.3f, paint);
			}else{
				canvas.drawCircle(distance*3, 0, distance*0.3f, paint);
			}
		}
	}
	
	@Override
	public void computeScroll() {
		super.computeScroll();
		
		if (scroller.computeScrollOffset()) {
			
			position=scroller.getCurrX();
			invalidate();
		}
	}
	private float pressX;
	private float pressY;
	private Boolean isMove;// 3值，null表示暂未判断出是否可以左右滑动，true表示需要左右滑动，false表示不需要左右滑动
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		
		switch (event.getAction()) {
			case MotionEvent.ACTION_DOWN:
				pressX=event.getX();
				pressY=event.getY();
//				position=pressX;
			case MotionEvent.ACTION_MOVE:
				if (isMove==null) {
					float dx=Math.abs(event.getX()-pressX);
					float dy=Math.abs(event.getY()-pressY);
					if (dx>dy&& dx>ViewConfiguration.get(getContext()).getScaledTouchSlop()) {
						isMove=true;
					}else if (dx<dy&& dx>ViewConfiguration.get(getContext()).getScaledTouchSlop()) {
						isMove=false;
					}
					
				}else if (isMove) {
					getParent().requestDisallowInterceptTouchEvent(true);
					position=event.getX();
				}
				
				break;
	
			case MotionEvent.ACTION_UP:
			case MotionEvent.ACTION_CANCEL:
				isMove=null;
				if (position<getWidth()/2) {
					scroller.startScroll( (int)position, 0, -(int)position+getWidth()/6, 0, animTime);
					if (pwdStateChangeListener!=null&&isRight) {
						isRight=false;
						pwdStateChangeListener.onPwdStateChange(this, false);
					}
				}else{
					scroller.startScroll( (int)position, 0,getWidth()- (int)position-getWidth()/6, 0, animTime);
					if (pwdStateChangeListener!=null&& !isRight) {
						isRight=true;
						pwdStateChangeListener.onPwdStateChange(this, true);
					}
				}
				break;
		 
		}
		
		invalidate();
		
		return true;
	}

	public void setOnPwdStateChangeListener(OnPwdStateChangeListener pwdStateChangeListener){
		this.pwdStateChangeListener=pwdStateChangeListener;
	}
	
	public void  setAnimDuration(int duration) {
		animTime=duration;
	}
	public interface OnPwdStateChangeListener{
		public void onPwdStateChange(View v,boolean isRight);
	}
}




import com.example.test.PwdSwitchView.OnPwdStateChangeListener;

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;

public class MainActivity extends  Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
 
		setContentView(R.layout.activity_main);
		 
		ViewGroup viewGroup=(ViewGroup) findViewById(R.id.container);
		
		for (int i = viewGroup.getChildCount()-1	; i >-1; i--) {
			PwdSwitchView pwdSwitchView=(PwdSwitchView) viewGroup.getChildAt(i);
			
			pwdSwitchView.setOnPwdStateChangeListener(new OnPwdStateChangeListener() {
				
				@Override
				public void onPwdStateChange(View v, boolean isRight) {
					Toast.makeText(getApplicationContext(), v.getTag()+" "+v+" "+isRight , 1).show();
					
				}
			});
		}
	}

 
	
	
}


<ScrollView 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" >

    <LinearLayout android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <com.example.test.PwdSwitchView
            android:layout_width="200dp"
            android:layout_height="100dp"
            
            android:tag="#ffffff|#fe7320" 
            android:layout_margin="5dp"/>
        
         <com.example.test.PwdSwitchView
            android:layout_width="100dp"
            android:layout_height="35dp"
            
            android:tag="#fe7320,#ffffff"
            android:layout_margin="5dp" />
         
          <com.example.test.PwdSwitchView
            android:layout_width="300dp"
            android:layout_height="100dp"
            
            android:tag="#ffffff;#ff4169E1" 
            android:layout_margin="5dp"/>
         <com.example.test.PwdSwitchView
            android:layout_width="80dp"
            android:layout_height="30dp"
            
            android:tag="#ff4169E1,#ffffff" 
            android:layout_margin="5dp"/>
         <com.example.test.PwdSwitchView
            android:layout_width="50dp"
            android:layout_height="20dp"
            
            android:tag="#ff0000,#e1e1e1" 
            android:layout_margin="5dp"/>
        
        
        <com.example.test.PwdSwitchView
            android:layout_width="200dp"
            android:layout_height="100dp"
            
            android:tag="#ffffff|#fe7320" 
            android:layout_margin="5dp"/>
        
         <com.example.test.PwdSwitchView
            android:layout_width="100dp"
            android:layout_height="35dp"
            
            android:tag="#fe7320,#ffffff"
            android:layout_margin="5dp" />
         
          <com.example.test.PwdSwitchView
            android:layout_width="150dp"
            android:layout_height="60dp"
            
            android:tag="#ffffff;#ff4169E1" 
            android:layout_margin="5dp"/>
         <com.example.test.PwdSwitchView
            android:layout_width="80dp"
            android:layout_height="30dp"
            
            android:tag="#ff4169E1,#ffffff" 
            android:layout_margin="5dp"/>
         <com.example.test.PwdSwitchView
            android:layout_width="50dp"
            android:layout_height="20dp"
            
            android:tag="#ff0000,#e1e1e1" 
            android:layout_margin="5dp"/>
        
          <com.example.test.PwdSwitchView
            android:layout_width="200dp"
            android:layout_height="100dp"
            
            android:tag="#ffffff|#fe7320" 
            android:layout_margin="5dp"/>
        
         <com.example.test.PwdSwitchView
            android:layout_width="100dp"
            android:layout_height="35dp"
            
            android:tag="#fe7320,#ffffff"
            android:layout_margin="5dp" />
         
          <com.example.test.PwdSwitchView
            android:layout_width="300dp"
            android:layout_height="100dp"
            
            android:tag="#ffffff;#ff4169E1" 
            android:layout_margin="5dp"/>
         <com.example.test.PwdSwitchView
            android:layout_width="80dp"
            android:layout_height="30dp"
            
            android:tag="#ff4169E1,#ffffff" 
            android:layout_margin="5dp"/>
         <com.example.test.PwdSwitchView
            android:layout_width="50dp"
            android:layout_height="20dp"
            
            android:tag="#ff0000,#e1e1e1" 
            android:layout_margin="5dp"/>
        
        <com.example.test.PwdSwitchView
            android:layout_width="40dp"
            android:layout_height="20dp"
            
            android:tag="#ff0000,#e1e1e1" 
            android:layout_margin="5dp"/>
        
        <com.example.test.PwdSwitchView
            android:layout_width="30dp"
            android:layout_height="20dp"
            
            android:tag="#ff0000,#e1e1e1" 
            android:layout_margin="5dp"/>
        
        <com.example.test.PwdSwitchView
            android:layout_width="20dp"
            android:layout_height="20dp"
            
            android:tag="#ff0000,#e1e1e1" 
            android:layout_margin="5dp"/>
        
        <com.example.test.PwdSwitchView
            android:layout_width="10dp"
            android:layout_height="20dp"
            
            android:tag="#ff0000,#e1e1e1" 
            android:layout_margin="5dp"/>
    </LinearLayout>

</ScrollView>


万剑
关注
专栏目录
如何在Nintendo Switch上禁用锁定屏幕
culiuman3228的博客
09-07 5466
When you wake your Nintendo Switch from sleep mode, you have to go through a slightly tiresome lock screen. First, you have to press A to unlock the lock screen, then press any button three times to r...
SwitchView
08-24
仿IOS滑动切换开关SlideSwitch
Android代码-SwitchView
08-06
SwichView 一个自定义switch控件，切换过程中加入了动画效果。 动画效果如下： Developed By chen lin phenix_chen@126.com
android自定义组件之SwitchView源码
07-30
从android4.0开始推出了switch组件，可以方便的实现滑动开关，但是前面的版本却不行，因此这里自定义了android自定义滑动开关组件，效果很好，使用方便，包括封装好的jar包，使用实例，已经所有源码
Android_自定义切换控件SwitchView
05-07
Android_自定义切换控件SwitchView，原文http://blog.csdn.net/zimo2013/article/details/25211457
Android代码-switchView
08-06
switchView //同上 用法 compile 'com.ld:switchView:1.1.7' 点击监听 switchView.setOnClickCheckedListener(new SwitchView.onClickCheckedListener() { @Override public void onClick() { Toast.makeText...
switchView自定义开关按钮demo
11-24
用开源项目SwitchButton实现各种风格的switch，开始接触开关样式的按钮是在IOS系统上面，它的切换以及滑动十分帅气,深入人心。 所谓的开关按钮，就是只有2个状态：on和off，下图就是系统IOS 7上开关按钮效果。...
简单易操作的背景带有中文的swichbutton 滑动按钮
qq_55888300的博客
04-07 2258
效果： 依赖： implementation 'com.ld:switchView:1.1.7' xml: <com.duma.ld.mylibrary.SwitchView android:layout_width="80dp" android:layout_height="25dp" app:time="500"//动画时间 app:bgColor="#FFE0B2"//背景色 app:leftC.
android switch设置背景文字,switchView
weixin_28781243的博客
05-26 1393
android:layout_width="200dp"android:layout_height="50dp"app:time="500"//动画时间app:bgColor="#FFE0B2"//背景色app:leftColor="#8cc152"//左边颜色app:rightColor="#757575"//右边颜色app:setChecked="true"//true 是在右边 反之app:...
带有文字的 switch
j2848042的博客
06-21 2382
com.duma.ld.mylibrary.SwitchView android:layout_width="200dp" android:layout_height="50dp"        app:time="500"//动画时间        app:bgColor="#FFE0B2"//背景色 app:leftColor="#8cc15
自定义滑动控件（SwitchView），同时解决和ScrollView的冲突
u014620028的专栏
12-19 676
网上搜 滑动控件（SwitchView），很多。本来也没什么写的，但是根据新项目需求，和事件界面调试，还是发现了很多问题。把网上的项目改来改去，麻烦。就自己写了。 简单的效果图 根据本次实际功能和自己调试过程中发现的问题，针对 switchView，总结了以下需要具备的功能。 1、可以滑动。以中心为界限，当滑过中点，就变换颜色。如：当前是开启状态，当小圆滑过中点，背景就变成关闭时候的颜色。抬起手...
自定义SwitchView
Java技术博客，不再更新Android内容
02-12 1229
先介绍几个单词，thumb：滑块，track：滑道，Switch是由滑块和滑道组成的，在Switch中，滑块和滑道的高是相同的，而且是固定的，所以我们给Switch设置width+height不会改变它的宽高。 参考： http://mp.weixin.qq.com/s/PlUN1LNumTycnLJZhWztTw 那么怎么设置滑块的高度超过滑道的高度呢？或者滑道的高度超过滑块的高度？ ...
密码框的明密文(显示和隐藏) 显示
热门推荐
皮卡丘の开发之路
12-19 5万+
最近在写一个新的项目,从头开始写,所以就要从注册登录开始做起.以前写登录注册模块的时候,无外乎给input框一个type=”password”就可以了,近期因为要涉及到显示隐藏状态的切换. 样式代码如下: 注: 1.样式展示(): ul> li class="phone bgImg"> input type="text" id="phone" maxlengt
SwitchView安卓自定义控件--切换开关
Jemy杰的博客
08-02 1090
安卓自定义控件需要关注View类中的以下三个方法，Measure(测量)-----Layout(布局)----Draw(绘制)。当时安卓官方不建议直接去复写这三个方法，而是提供了onMeasure,onLayout,onDraw三个方法供开发者使用。 言归正传，今天我这里需要自定义一个开关控件SwitchView。这不是一个ViewGroup,所以不需要考虑onLayout方法。重点是onMea
集成旺店通旗舰版售后单至MySQL数据库
最新发布
vincent067的博客
11-01 794
高效分页抓取：通过合理设置分页大小和循环抓取机制，实现大规模数据高效获取。自定义转换逻辑：利用平台提供的自定义转换功能，应对复杂业务需求，实现精准的数据映射与转换。实时监控与告警：借助集中监控系统，实时掌握集成任务状态，提高整体运维效率。以上步骤展示了如何利用轻易云平台调用旺店通·旗舰奇门接口获取并加工售后订单数据，为后续的数据分析奠定坚实基础。在实际应用中，根据具体业务需求，还可以进一步优化各环节，提高整体集成效率。
android switch宽高
11-10
ViewGroup.LayoutParams params = switchView.getLayoutParams(); params.width = 200; // 设置宽度为200像素 params.height = 100; // 设置高度为100像素 switchView.setLayoutParams(params); ``` 通过以上方法，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值