密码SwitchView

最新推荐文章于 2024-09-26 23:53:33 发布
最新推荐文章于 2024-09-26 23:53:33 发布
阅读量520 收藏
点赞数
分类专栏： 安卓 文章标签： 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>


万剑
关注
专栏目录
android自定义组件之SwitchView源码
07-30
从android4.0开始推出了switch组件，可以方便的实现滑动开关，但是前面的版本却不行，因此这里自定义了android自定义滑动开关组件，效果很好，使用方便，包括封装好的jar包，使用实例，已经所有源码
简单易操作的背景带有中文的swichbutton 滑动按钮
qq_55888300的博客
04-07 2249
效果： 依赖： 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 1380
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:...
Android代码-SwitchView
08-06
SwichView 一个自定义switch控件，切换过程中加入了动画效果。 动画效果如下： Developed By chen lin phenix_chen@126.com
SwitchView
08-24
标题“SwitchView”和描述“仿IOS滑动切换开关SlideSwitch”揭示了我们要讨论的是一个在Android平台上实现的用户界面组件，它模仿了iOS系统中的滑动切换开关（Slider Switch）。这种开关通常用于二元选择，例如开启...
SwitchView.xcodeproj.zipIOS应用例子源码下载
03-06
SwitchView.xcodeproj.zipIOS应用例子源码下载SwitchView.xcodeproj.zipIOS应用例子源码下载 1.适合学生学习研究参考 2.适合个人学习研究参考 3.适合公司开发项目技术参考
switchView自定义开关按钮demo
11-24
用开源项目SwitchButton实现各种风格的switch，开始接触开关样式的按钮是在IOS系统上面，它的切换以及滑动十分帅气,深入人心。 所谓的开关按钮，就是只有2个状态：on和off，下图就是系统IOS 7上开关按钮效果。...
Android_自定义切换控件SwitchView
05-07
Android_自定义切换控件SwitchView，原文http://blog.csdn.net/zimo2013/article/details/25211457
如何在Nintendo Switch上禁用锁定屏幕
culiuman3228的博客
09-07 5410
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...
Android代码-switchView
08-06
switchView //同上 用法 compile 'com.ld:switchView:1.1.7' 点击监听 switchView.setOnClickCheckedListener(new SwitchView.onClickCheckedListener() { @Override public void onClick() { Toast.makeText(MainActivity.this, "type:" switchView.isChecked(), Toast.LENGTH_SHORT).show(); } }); 有问题需要 欢迎留言~
带有文字的 switch
j2848042的博客
06-21 2365
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 665
网上搜 滑动控件（SwitchView），很多。本来也没什么写的，但是根据新项目需求，和事件界面调试，还是发现了很多问题。把网上的项目改来改去，麻烦。就自己写了。 简单的效果图 根据本次实际功能和自己调试过程中发现的问题，针对 switchView，总结了以下需要具备的功能。 1、可以滑动。以中心为界限，当滑过中点，就变换颜色。如：当前是开启状态，当小圆滑过中点，背景就变成关闭时候的颜色。抬起手...
自定义SwitchView
Java技术博客，不再更新Android内容
02-12 1216
先介绍几个单词，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
【AndroidStudio】关于AndroidStudio的常见控件TextView和Button
最新发布
PleaSure乐事的博客
09-26 362
AndroidStudio中TextView和Button控件的使用
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、付费专栏及课程。

余额充值