Android自定义View实现数字密码锁

最近项目上用到一个密码加锁功能，需要一个数字密码界面，就想着封装成一个View来方便管理和使用。

废话不多说，先上最终效果图：

img

思路

整体可分为2个部分来实现，1.顶部是4个密码位的填充；2.数字键盘部分。整体可以是一个纵向LinearLayout，4个密码位用横向LinearLayout即可，键盘由于是宫格形式，因此可用GridLayout来布局。由于密码位和键盘数字都是以圆圈为背景，这里采用自定义一个圆形背景ImageView来使用。

实现

1.页面布局

首先定义一个圆形背景的ImageView，由于最终实现的效果是点击的时候要填充圆背景，非点击状态下是空心圆，因此可通过改变Paint的style来动态更改显示:

/** * 圆形背景ImageView（设置实心或空心） */ public class CircleImageView extends ImageView{ private Paint mPaint; private int mWidth; private int mHeight; public CircleImageView(Context context) { this(context, null); } public CircleImageView(Context context, AttributeSet attrs) { this(context, attrs, 0); } public CircleImageView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); initView(context); } public void initView(Context context){ mPaint = new Paint(); mPaint.setStyle(Paint.Style.STROKE); mPaint.setColor(mPanelColor); mPaint.setStrokeWidth(mStrokeWidth); mPaint.setAntiAlias(true); } @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); mWidth = w; mHeight = h; } @Override public void draw(Canvas canvas) { canvas.drawCircle(mWidth/2, mHeight/2, mWidth/2 - 6, mPaint); super.draw(canvas); } /** * 设置圆为实心状态 */ public void setFillCircle(){ mPaint.setStyle(Paint.Style.FILL); invalidate(); } /** * 设置圆为空心状态 */ public void setStrokeCircle(){ mPaint.setStyle(Paint.Style.STROKE); invalidate(); } }

可以看到，在onDraw中绘制了一个圆，默认为空心状态，定义setFillCircle和setStrokeCircle这两个方法以便外界可以方便地切换圆为实心或者空心。

圆形ImageView定义好了，开始添加密码位，布局如下:

inputResultView = new LinearLayout(context); 
for(int i=0; i<4; i++){ CircleImageView mResultItem = new CircleImageView(context); mResultIvList.add(mResultItem); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(mResultIvRadius, mResultIvRadius); params.leftMargin = dip2px(context, 4); params.rightMargin = dip2px(context, 4); mResultItem.setPadding(dip2px(context, 2),dip2px(context, 2),dip2px(context, 2),dip2px(context, 2)); mResultItem.setLayoutParams(params); inputResultView.addView(mResultItem); 
} 
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); 
params.gravity = Gravity.CENTER_HORIZONTAL; 
params.bottomMargin = dip2px(context, 34); 
inputResultView.setLayoutParams(params); 
addView(inputResultView);

接着添加数字键盘部分的布局:

GridLayout numContainer = new GridLayout(context); 
numContainer.setColumnCount(3); 
for(int i=0; i<numArr.length; i++){ RelativeLayout numItem = new RelativeLayout(context); numItem.setPadding(mPaddingLeftRight,mPaddingTopBottom,mPaddingLeftRight,mPaddingTopBottom); RelativeLayout.LayoutParams gridItemParams = new RelativeLayout.LayoutParams(mNumRadius, mNumRadius); gridItemParams.addRule(CENTER_IN_PARENT); final TextView numTv = new TextView(context); numTv.setText(numArr[i]); numTv.setTextColor(mPanelColor); numTv.setTextSize(30); numTv.setGravity(Gravity.CENTER); numTv.setLayoutParams(gridItemParams); final CircleImageView numBgIv = new CircleImageView(context); numBgIv.setLayoutParams(gridItemParams); numItem.addView(numBgIv); numItem.addView(numTv); numContainer.addView(numItem); if(i == 9){ numItem.setVisibility(INVISIBLE); } 
} //删除按钮 
RelativeLayout deleteItem = new RelativeLayout(context); 
deleteItem.setPadding(mPaddingLeftRight,mPaddingTopBottom,mPaddingLeftRight,mPaddingTopBottom); 
RelativeLayout.LayoutParams gridItemParams = new RelativeLayout.LayoutParams(mNumRadius, mNumRadius); 
gridItemParams.addRule(CENTER_IN_PARENT); 
//假如删除按钮是设置自定义图片资源的话，可用注释这段 
//ImageView deleteIv = new ImageView(context); 
//deleteIv.setImageResource(R.drawable.icn_delete_pw); 
//deleteIv.setLayoutParams(gridItemParams); 
//deleteItem.addView(deleteIv); 
TextView deleteTv = new TextView(context); 
deleteTv.setText("Delete"); 
deleteTv.setTextColor(mPanelColor); 
deleteTv.setTextSize(dip2px(context, 8)); 
deleteTv.setLayoutParams(gridItemParams); 
deleteTv.setGravity(Gravity.CENTER); 
deleteItem.addView(deleteTv); 
numContainer.addView(deleteItem); LinearLayout.LayoutParams gridParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); 
gridParams.gravity = Gravity.CENTER_HORIZONTAL; 
numContainer.setLayoutParams(gridParams); 
addView(numContainer);

数字键盘这里用一个数组存数字内容，遍历添加，注意此处由于第10个的子View的时候是空白的，所以当遍历到第10个元素的时候，可以将其隐藏。遍历完后再单独添加删除按钮。

2.输入逻辑

页面布局完成了，接下来就是密码输入的逻辑部分，最终的效果是每点击一次数字，密码位就填充一个，每点击删除按钮一次，密码位就回退一个，输入4个数字之后，即完成输入，获取结果，并重置密码位。这里用一个StringBuilder变量来记录当前已输入的密码，每次添加就append进去，每次删除就调用deleteCharAt。

由于点击数字按下的时候填充，松开的时候为空心状态，所以可以在ACTION_DOWN和ACTION_UP事件中分别操作:

numTv.setOnTouchListener(new OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { switch (event.getAction()){ case MotionEvent.ACTION_DOWN: numBgIv.setFillCircle(); numTv.setTextColor(Color.WHITE); if(mPassWord.length() < 4){ mPassWord.append(numTv.getText()); mResultIvList.get(mPassWord.length()-1).setFillCircle(); if(mInputListener!=null && mPassWord.length() == 4){ //已完整输入4个 } } break; case MotionEvent.ACTION_UP: numBgIv.setStrokeCircle(); numTv.setTextColor(mPanelColor); break; } return true; } });

每次点击的时候，判断当前已输入的密码位是否已经超过4位，如果没超过，就继续追加。如果等于4，就说明输入完成，此时的mPassWord的内容就是最终的密码，可以用一个接口将其回调出去方便Activity中获取输入的密码：

/** * 监听输入完毕的接口 */ 
private InputListener mInputListener; public void setInputListener(InputListener mInputListener) { his.mInputListener = mInputListener; 
} public interface InputListener{ void inputFinish(String result); 
}

然后在上面的ACTION_DOWN中输入数字等于4的时候，回调该接口：

if(mInputListener!=null && mPassWord.length() == 4){ mInputListener.inputFinish(mPassWord.toString()); 
}

另外，删除的操作单独封装为一个方法：

/** * 删除 */ 
public void delete(){ if(mPassWord.length() == 0){ return; } mResultIvList.get(mPassWord.length()-1).setStrokeCircle(); mPassWord.deleteCharAt(mPassWord.length()-1); 
}

**注意点：**当前无输入密码时，直接return不作任何操作，假如已有输入数字，就删除最尾部的那个数字。

最后，还要考虑一种情况，即用户输入密码错误时的一些反馈，参照平时的习惯，一般是4个密码位左右摆动并且手机震动效果，震动结束之后，当前存储的密码位重置为初始状态，如下：

/** * 输入错误的状态显示(包括震动，密码位左右摇摆效果，重置密码位) */ 
public void showErrorStatus(){ mVibrator.vibrate(new long[]{100,100,100,100},-1); List<Animator  animators = new ArrayList< (); ObjectAnimator translationXAnim = ObjectAnimator.ofFloat(inputResultView, "translationX", -50.0f,50.0f,-50.0f,0.0f); translationXAnim.setDuration(400); animators.add(translationXAnim); AnimatorSet btnSexAnimatorSet = new AnimatorSet(); btnSexAnimatorSet.playTogether(animators); btnSexAnimatorSet.start(); btnSexAnimatorSet.addListener(new Animator.AnimatorListener() { @Override public void onAnimationStart(Animator animation) { } @Override public void onAnimationEnd(Animator animation) { resetResult(); } @Override public void onAnimationCancel(Animator animation) { } @Override public void onAnimationRepeat(Animator animation) { } }); 
}

可以看到，在onAnimationEnd中调用了resetResult，即动画结束时重置密码，resetResult方法如下：

/** * 重置密码输入 */ 
public void resetResult(){ for(int i=0; i<mResultIvList.size(); i++){ mResultIvList.get(i).setStrokeCircle(); } mPassWord.delete(0, 4); 
}

遍历所有密码位View设置为空心，并且删除当前mPassWord变量存储的所有内容。

完整代码

完整的自定义数字密码锁代码如下：

package com.example.zjyang.viewtest.view; 
import android.animation.Animator; 
import android.animation.AnimatorSet; 
import android.animation.ObjectAnimator; 
import android.app.Service; 
import android.content.Context; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.os.Vibrator; 
import android.util.AttributeSet; 
import android.util.DisplayMetrics; 
import android.view.Gravity; 
import android.view.MotionEvent; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.GridLayout; 
import android.widget.ImageView; 
import android.widget.LinearLayout; 
import android.widget.RelativeLayout; 
import android.widget.TextView; 
import java.util.ArrayList; 
import java.util.List; 
import static android.widget.RelativeLayout.CENTER_HORIZONTAL; 
import static android.widget.RelativeLayout.CENTER_IN_PARENT; 
/** 
* Created by IT_ZJYANG on 2018/1/22. 
* 数字解锁键盘View 
*/ 
public class NumLockPanel extends LinearLayout { 
private String[] numArr = new String[]{"1","2","3","4","5","6","7","8","9", "", "0"}; 
private int mPaddingLeftRight; 
private int mPaddingTopBottom; 
//4个密码位ImageView 
private ArrayList<CircleImageView  mResultIvList; 
private LinearLayout inputResultView; 
//存储当前输入内容 
private StringBuilder mPassWord; 
//振动效果 
private Vibrator mVibrator; 
//整个键盘的颜色 
private int mPanelColor; 
//4个密码位的宽度 
private int mResultIvRadius; 
//数字键盘的每个圆的宽度 
private int mNumRadius; 
//每个圆的边界宽度 
private int mStrokeWidth; 
public NumLockPanel(Context context) { 
this(context, null); 
} 
public NumLockPanel(Context context, AttributeSet attrs) { 
this(context, attrs, 0); 
} 
public NumLockPanel(Context context, AttributeSet attrs, int defStyleAttr) { 
super(context, attrs, defStyleAttr); 
mPaddingLeftRight = dip2px(context, 21); 
mPaddingTopBottom = dip2px(context, 10); 
mPanelColor = Color.BLACK; //颜色代码可采用Color.parse("#000000"); 
mResultIvRadius = dip2px(context, 20); 
mNumRadius = dip2px(context, 66); 
mStrokeWidth = dip2px(context, 2); 
mVibrator = (Vibrator)context.getSystemService(Service.VIBRATOR_SERVICE); 
mResultIvList = new ArrayList< (); 
mPassWord = new StringBuilder(); 
setOrientation(VERTICAL); 
setGravity(CENTER_HORIZONTAL); 
initView(context); 
} 
public void initView(Context context){ 
//4个结果号码 
inputResultView = new LinearLayout(context); 
for(int i=0; i<4; i++){ 
CircleImageView mResultItem = new CircleImageView(context); 
mResultIvList.add(mResultItem); 
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(mResultIvRadius, mResultIvRadius); 
params.leftMargin = dip2px(context, 4); 
params.rightMargin = dip2px(context, 4); 
mResultItem.setPadding(dip2px(context, 2),dip2px(context, 2),dip2px(context, 2),dip2px(context, 2)); 
mResultItem.setLayoutParams(params); 
inputResultView.addView(mResultItem); 
} 
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); 
params.gravity = Gravity.CENTER_HORIZONTAL; 
params.bottomMargin = dip2px(context, 34); 
inputResultView.setLayoutParams(params); 
addView(inputResultView); 
//数字键盘 
GridLayout numContainer = new GridLayout(context); 
numContainer.setColumnCount(3); 
for(int i=0; i<numArr.length; i++){ 
RelativeLayout numItem = new RelativeLayout(context); 
numItem.setPadding(mPaddingLeftRight,mPaddingTopBottom,mPaddingLeftRight,mPaddingTopBottom); 
RelativeLayout.LayoutParams gridItemParams = new RelativeLayout.LayoutParams(mNumRadius, mNumRadius); 
gridItemParams.addRule(CENTER_IN_PARENT); 
final TextView numTv = new TextView(context); 
numTv.setText(numArr[i]); 
numTv.setTextColor(mPanelColor); 
numTv.setTextSize(30); 
numTv.setGravity(Gravity.CENTER); 
numTv.setLayoutParams(gridItemParams); 
final CircleImageView numBgIv = new CircleImageView(context); 
numBgIv.setLayoutParams(gridItemParams); 
numTv.setOnTouchListener(new OnTouchListener() { 
@Override 
public boolean onTouch(View v, MotionEvent event) { 
switch (event.getAction()){ 
case MotionEvent.ACTION_DOWN: 
numBgIv.setFillCircle(); 
numTv.setTextColor(Color.WHITE); 
if(mPassWord.length() < 4){ 
mPassWord.append(numTv.getText()); 
mResultIvList.get(mPassWord.length()-1).setFillCircle(); 
if(mInputListener!=null && mPassWord.length() == 4){ 
mInputListener.inputFinish(mPassWord.toString()); 
} 
} 
break; 
case MotionEvent.ACTION_UP: 
numBgIv.setStrokeCircle(); 
numTv.setTextColor(mPanelColor); 
break; 
} 
return true; 
} 
}); 
numItem.addView(numBgIv); 
numItem.addView(numTv); 
numContainer.addView(numItem); 
if(i == 9){ 
numItem.setVisibility(INVISIBLE); 
} 
} 
//删除按钮 
RelativeLayout deleteItem = new RelativeLayout(context); 
deleteItem.setPadding(mPaddingLeftRight,mPaddingTopBottom,mPaddingLeftRight,mPaddingTopBottom); 
RelativeLayout.LayoutParams gridItemParams = new RelativeLayout.LayoutParams(mNumRadius, mNumRadius); 
gridItemParams.addRule(CENTER_IN_PARENT); 
//假如删除按钮是设置自定义图片资源的话，可用注释这段 
//ImageView deleteIv = new ImageView(context); 
//deleteIv.setImageResource(R.drawable.icn_delete_pw); 
//deleteIv.setLayoutParams(gridItemParams); 
//deleteItem.addView(deleteIv); 
TextView deleteTv = new TextView(context); 
deleteTv.setText("Delete"); 
deleteTv.setTextColor(mPanelColor); 
deleteTv.setTextSize(dip2px(context, 8)); 
deleteTv.setLayoutParams(gridItemParams); 
deleteTv.setGravity(Gravity.CENTER); 
deleteItem.addView(deleteTv); 
numContainer.addView(deleteItem); 
deleteTv.setOnClickListener(new OnClickListener() { 
@Override 
public void onClick(View v) { 
delete(); 
} 
}); 
LinearLayout.LayoutParams gridParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); 
gridParams.gravity = Gravity.CENTER_HORIZONTAL; 
numContainer.setLayoutParams(gridParams); 
addView(numContainer); 
} 
/** 
* 输入错误的状态显示(包括震动，密码位左右摇摆效果，重置密码位) 
*/ 
public void showErrorStatus(){ 
mVibrator.vibrate(new long[]{100,100,100,100},-1); 
List<Animator  animators = new ArrayList< (); 
ObjectAnimator translationXAnim = ObjectAnimator.ofFloat(inputResultView, "translationX", -50.0f,50.0f,-50.0f,0.0f); 
translationXAnim.setDuration(400); 
animators.add(translationXAnim); 
AnimatorSet btnSexAnimatorSet = new AnimatorSet(); 
btnSexAnimatorSet.playTogether(animators); 
btnSexAnimatorSet.start(); 
btnSexAnimatorSet.addListener(new Animator.AnimatorListener() { 
@Override 
public void onAnimationStart(Animator animation) { 
} 
@Override 
public void onAnimationEnd(Animator animation) { 
resetResult(); 
} 
@Override 
public void onAnimationCancel(Animator animation) { 
} 
@Override 
public void onAnimationRepeat(Animator animation) { 
} 
}); 
} 
/** 
* 删除 
*/ 
public void delete(){ 
if(mPassWord.length() == 0){ 
return; 
} 
mResultIvList.get(mPassWord.length()-1).setStrokeCircle(); 
mPassWord.deleteCharAt(mPassWord.length()-1); 
} 
/** 
* 重置密码输入 
*/ 
public void resetResult(){ 
for(int i=0; i<mResultIvList.size(); i++){ 
mResultIvList.get(i).setStrokeCircle(); 
} 
mPassWord.delete(0, 4); 
} 
/** 
* 监听输入完毕的接口 
*/ 
private InputListener mInputListener; 
public void setInputListener(InputListener mInputListener) { 
this.mInputListener = mInputListener; 
} 
public interface InputListener{ 
void inputFinish(String result); 
} 
/** 
* dip/dp转像素 
* 
* @param dipValue 
*      dip或 dp大小 
* @return 像素值 
*/ 
public static int dip2px(Context context, float dipValue) { 
DisplayMetrics metrics = context.getResources().getDisplayMetrics(); 
return (int) (dipValue * (metrics.density) + 0.5f); 
} 
/** 
* 圆形背景ImageView（设置实心或空心） 
*/ 
public class CircleImageView extends ImageView{ 
private Paint mPaint; 
private int mWidth; 
private int mHeight; 
public CircleImageView(Context context) { 
this(context, null); 
} 
public CircleImageView(Context context, AttributeSet attrs) { 
this(context, attrs, 0); 
} 
public CircleImageView(Context context, AttributeSet attrs, int defStyleAttr) { 
super(context, attrs, defStyleAttr); 
initView(context); 
} 
public void initView(Context context){ 
mPaint = new Paint(); 
mPaint.setStyle(Paint.Style.STROKE); 
mPaint.setColor(mPanelColor); 
mPaint.setStrokeWidth(mStrokeWidth); 
mPaint.setAntiAlias(true); 
} 
@Override 
protected void onSizeChanged(int w, int h, int oldw, int oldh) { 
super.onSizeChanged(w, h, oldw, oldh); 
mWidth = w; 
mHeight = h; 
} 
@Override 
public void draw(Canvas canvas) { 
canvas.drawCircle(mWidth/2, mHeight/2, mWidth/2 - 6, mPaint); 
super.draw(canvas); 
} 
/** 
* 设置圆为实心状态 
*/ 
public void setFillCircle(){ 
mPaint.setStyle(Paint.Style.FILL); 
invalidate(); 
} 
/** 
* 设置圆为空心状态 
*/ 
public void setStrokeCircle(){ 
mPaint.setStyle(Paint.Style.STROKE); 
invalidate(); 
} 
} 
}

使用

在Activity的布局文件中：

<?xml version="1.0" encoding="utf-8"?  
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:id="@+id/activity_main" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:background="#ffffff" 
tools:context="com.example.zjyang.viewtest.MainActivity"  
<com.example.zjyang.viewtest.view.NumLockPanel 
android:id="@+id/num_lock" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:layout_marginTop="30dp"  
</com.example.zjyang.viewtest.view.NumLockPanel  
</RelativeLayout

在代码中监听输入的密码结果：

public class MainActivity extends AppCompatActivity { 
private NumLockPanel mNumLockPanel; 
@Override 
protected void onCreate(Bundle savedInstanceState) { 
super.onCreate(savedInstanceState); 
setContentView(R.layout.activity_main); 
mNumLockPanel = (NumLockPanel) findViewById(R.id.num_lock); 
mNumLockPanel.setInputListener(new NumLockPanel.InputListener() { 
@Override 
public void inputFinish(String result) { 
//此处result即为输入结果 
Toast.makeText(MainActivity.this, result, Toast.LENGTH_SHORT).show(); 
//错误效果示例 
mNumLockPanel.showErrorStatus(); 
} 
}); 
} 
}

最后，在自定义View构造方法中初始化了圆圆和数字的颜色风格，以及空心圆的边界粗细大小，可根据需求自行更改。

更多Android进阶指南 可以扫码 解锁 《Android十大板块文档》

1.Android车载应用开发系统学习指南（附项目实战）

2.Android Framework学习指南，助力成为系统级开发高手

3.2023最新Android中高级面试题汇总+解析，告别零offer

4.企业级Android音视频开发学习路线+项目实战（附源码）

5.Android Jetpack从入门到精通，构建高质量UI界面

6.Flutter技术解析与实战，跨平台首要之选

7.Kotlin从入门到实战，全方面提升架构基础

8.高级Android插件化与组件化（含实战教程和源码）

9.Android 性能优化实战+360°全方面性能调优

10.Android零基础入门到精通，高手进阶之路

敲代码不易，关注一下吧。ღ( ´･ᴗ･` ) 🤔

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/705487.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

VUE基础知识九 ElementUI项目

VUE基础知识九 ElementUI项目

ElementUI官网 一 项目 最终完成的效果&#xff1a; 切换上边的不同按钮&#xff0c;下方显示不同的表格数据 在src/components下新建不同业务组件的文件夹 1.1 搭建项目 使用脚手架搭建项目后&#xff0c;引入ElementUI&#xff08;搭建、引入ElementUI步骤在第七节里已…
阅读更多...
旧衣服回收小程序开发：企业、创业者收益新模式

旧衣服回收小程序开发：企业、创业者收益新模式

近年来&#xff0c;我国旧衣回收行业发展迅速。随着大众对衣物的更新需求增加&#xff0c;闲置衣物便也不断增加&#xff0c;我国的旧衣回收行业的市场规模随之增加。 当下&#xff0c;旧衣回收产业链较为完善&#xff0c;主要以出口为主&#xff0c;回收利润较高。与其他行业…
阅读更多...
【Pytorch深度学习开发实践学习】Pytorch实现LeNet神经网络（1）

【Pytorch深度学习开发实践学习】Pytorch实现LeNet神经网络（1）

1.model.py import torch.nn as nn import torch.nn.functional as F引入pytorch的两个模块 关于这两个模块的作用&#xff0c;可以参考下面 Pytorch官方文档 torch.nn包含了构成计算图的基本模块 torch,nn.function包括了计算图中的各种主要函数&#xff0c;包括&#…
阅读更多...
python Matplotlib Tkinter--pack 框架案例

python Matplotlib Tkinter--pack 框架案例

环境 python:python-3.12.0-amd64 包: matplotlib 3.8.2 pillow 10.1.0 版本一 import matplotlib.pyplot as plt from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg, NavigationToolbar2Tk import tkinter as tk import tkinter.messagebox as messagebox…
阅读更多...
优思学院｜精益生产管理在中国的发展前景

优思学院｜精益生产管理在中国的发展前景

在这个快速变化的世界里&#xff0c;有一个管理理念悄然崛起&#xff0c;它就是精益生产。 这个概念最早由詹姆斯P沃麦克、丹尼尔T琼斯和丹尼尔鲁斯在他们的著作《改变世界的机器》中提出&#xff0c;后来在丰田汽车公司的成功实践中得到了广泛的认可。 这本书不仅风靡全球&a…
阅读更多...
Springboot中如何记录好日志

Springboot中如何记录好日志

Springboot中如何记录日志 日志体系整体介绍 日志一直在系统中占据这十分重要的地位&#xff0c;他是我们在系统发生故障时用来排查问题的利器&#xff0c;也是我们做操作审计的重要依据。那么如何记录好日志呢&#xff1f;选择什么框架来记录日志&#xff0c;是不是日志打越…
阅读更多...
Selenium 自动化遇见 shadow-root 元素怎么处理？

Selenium 自动化遇见 shadow-root 元素怎么处理？

shadow-root是前端的特殊元素节点&#xff0c;其使用了一个叫做shadowDOM的技术做了封装&#xff0c;shadowDOM的作用可以理解为在默认的DOM结构中又嵌套了一个DOM结构&#xff08;和iframe有点类似&#xff0c;只不过iframe内嵌的是HTML&#xff09;&#xff0c;我们遇见shado…
阅读更多...
LMDeploy 大模型量化部署

LMDeploy 大模型量化部署

Weight Only量化是一种常见的模型优化技术&#xff0c;特别是在深度学习模型的部署中。这种技术仅对模型的权重进行量化&#xff0c;而不涉及激活&#xff08;即模型中间层的输出&#xff09;。选择采用Weight Only量化的原因主要包括以下几点&#xff1a; 减少模型大小 通过将…
阅读更多...
VirtualBox虚拟机安装 Linux 系统

VirtualBox虚拟机安装 Linux 系统

要想学习各种计算机技术&#xff0c;自然离不开Linux系统。并且目前大多数生产系统都是安装在Linux系统上。常用的Linux系统有 Redhat&#xff0c;Centos&#xff0c;OracleLinux 三种。 三者的区别简单说明如下&#xff1a; Red Hat Enterprise Linux (RHEL): RHEL 是由美国…
阅读更多...
ICASSP2024 | MLCA-AVSR: 基于多层交叉注意力机制的视听语音识别

ICASSP2024 | MLCA-AVSR: 基于多层交叉注意力机制的视听语音识别

视听语音识别&#xff08;Audio-visual speech recognition, AVSR&#xff09;是指结合音频和视频信息对语音进行识别的技术。当前&#xff0c;语音识别&#xff08;ASR&#xff09;系统在准确性在某些场景下已经达到与人类相媲美的水平。然而在复杂声学环境或远场拾音场景&…
阅读更多...
大语言模型推理加速技术：计算加速篇

大语言模型推理加速技术：计算加速篇

原文&#xff1a;大语言模型推理加速技术&#xff1a;计算加速篇 - 知乎 目录 简介 Transformer和Attention 瓶颈 优化目标 计算加速 计算侧优化 KVCache Kernel优化和算子融合 分布式推理 内存IO优化 Flash Attention Flash Decoding Continuous Batching Page…
阅读更多...
Go Run - Go 语言中的简洁指令

Go Run - Go 语言中的简洁指令

原文&#xff1a;breadchris - 2024.02.21 也许听起来有些傻&#xff0c;但go run是我最喜欢的 Go 语言特性。想要运行你的代码&#xff1f;只需go run main.go。它是如此简单&#xff0c;我可以告诉母亲这个命令&#xff0c;她会立即理解。就像 Go 语言的大部分功能一样&…
阅读更多...
微调实操四:直接偏好优化方法-DPO

微调实操四:直接偏好优化方法-DPO

在《微调实操三:人类反馈对语言模型进行强化学习(RLHF)》中提到过第三阶段有2个方法,一种是是RLHF, 另外一种就是今天的DPO方法, DPO通过直接优化语言模型来实现对其行为的精确控制&#xff0c;而无需使用复杂的强化学习&#xff0c;也可以有效学习到人类偏好&#xff0c;DPO相…
阅读更多...
python中的类与对象（2）

python中的类与对象（2）

目录 一. 类的基本语法 二. 类属性的应用场景 三. 类与类之间的依赖关系 &#xff08;1&#xff09;依赖关系 &#xff08;2&#xff09;关联关系 &#xff08;3&#xff09;组合关系 四. 类的继承 一. 类的基本语法 先看一段最简单的代码&#xff1a; class Dog():d_…
阅读更多...
智慧公厕的目的和意义是什么？

智慧公厕的目的和意义是什么？

智慧公厕是近年来城市建设中的一项重要举措&#xff0c;其目的在于实现公共厕所的智慧化管理&#xff0c;为市民群众提供更好的服务体验&#xff0c;助力智慧城市和数字环卫的发展&#xff0c;提升社会公共卫生服务水平。 与此同时&#xff0c;智能公厕也具有重要的意义&#x…
阅读更多...
springboot+vue实现微信公众号扫码登录

springboot+vue实现微信公众号扫码登录

通常在个人网站中&#xff0c;都会有各种第三方登录&#xff0c;其中微信登录需要认证才能使用&#xff0c;导致个人开发者不能进行使用此功能&#xff0c;但是我们可以使用微信公众号回复特定验证码来进行登录操作。 微信关键词处理 微信公众号关键词自动回复&#xff0c;具体…
阅读更多...
60kW 可编程直流回馈负载箱的优势和特点

60kW 可编程直流回馈负载箱的优势和特点

60kW可编程直流回馈负载箱是一种先进的电力设备&#xff0c;主要用于模拟电网中的负载&#xff0c;为电力系统提供稳定的负载环境。它具有许多优势和特点&#xff0c;使其在电力系统中得到了广泛的应用。 60kW可编程直流回馈负载箱具有高效的能源转换效率&#xff0c;能够将电能…
阅读更多...
人机界面和三菱PLC之间以太网通信

人机界面和三菱PLC之间以太网通信

本文主要描述人机界面WinCC如何与三菱Q系列PLC进行以太网通讯&#xff0c;主要介绍了CPU自带以太网口和扩展以太网模块两种情况以及分别使用TCP、UDP两种协议进行通讯组态步骤及其注意事项。 一、 说明 WinCC从V7.0 SP2版本开始增加了三菱以太网驱动程序&#xff0c;支持和三…
阅读更多...
Windows常用协议

Windows常用协议

LLMNR 1. LLMNR 简介 链路本地多播名称解析(LLMNR)是一个基于域名系统(DNS)数据包格式的协议,可用于解析局域网中本地链路上的主机名称。它可以很好地支持IPv4和IPv6&#xff0c;是仅次于DNS 解析的名称解析协议。 2.LLMNR 解析过程 当本地hosts 和 DNS解析 当本地hosts 和 …
阅读更多...
docker 常用指令（启动，关闭，查看运行状态）

docker 常用指令（启动，关闭，查看运行状态）

文章目录 docker 常用指令启动 docker关闭 docker查看 docker的运行状态 docker 常用指令 启动 docker systemctl start docker关闭 docker systemctl stop docker查看 docker的运行状态 systemctl status docker如下图所示&#xff1a; 表示docker正在运行中
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023