android 双向滑动 seekbar

实现原理：
1、自定义View，在onDraw(Canvas canvas)中，画出2个Drawable滑动块，2个Drawable滑动条，2个Paint（text）
2、监听onTouchEvent()事件，修改滑块和滑动条的坐标，调用invalidate()来更新界面
使用方法
1、自定义View   SeekBarPressure.class
package xxxxxxxxximport android.content.Context;
import android.content.res.Resources;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import java.math.BigDecimal;
import com.zjcpo.mobileapp.R;public class SeekBarPressure extends View {private static final String TAG = "SeekBarPressure";private static final int CLICK_ON_LOW = 1;      //点击在前滑块上private static final int CLICK_ON_HIGH = 2;     //点击在后滑块上private static final int CLICK_IN_LOW_AREA = 3;private static final int CLICK_IN_HIGH_AREA = 4;private static final int CLICK_OUT_AREA = 5;private static final int CLICK_INVAILD = 0;/** private static final int[] PRESSED_STATE_SET = {* android.R.attr.state_focused, android.R.attr.state_pressed,* android.R.attr.state_selected, android.R.attr.state_window_focused, };*/private static final int[] STATE_NORMAL = {};private static final int[] STATE_PRESSED = {android.R.attr.state_pressed, android.R.attr.state_window_focused,};private Drawable hasScrollBarBg;        //滑动条滑动后背景图private Drawable notScrollBarBg;        //滑动条未滑动背景图private Drawable mThumbLow;         //前滑块private Drawable mThumbHigh;        //后滑块private int mScollBarWidth;     //控件宽度=滑动条宽度+滑动块宽度private int mScollBarHeight;    //滑动条高度private int mThumbWidth;        //滑动块宽度private int mThumbHeight;       //滑动块高度private double mOffsetLow = 0;     //前滑块中心坐标private double mOffsetHigh = 0;    //后滑块中心坐标private int mDistance = 0;      //总刻度是固定距离 两边各去掉半个滑块距离private int mThumbMarginTop = 30;   //滑动块顶部距离上边框距离，也就是距离字体顶部的距离private int mFlag = CLICK_INVAILD;private OnSeekBarChangeListener mBarChangeListener;private double defaultScreenLow = 0;    //默认前滑块位置百分比private double defaultScreenHigh = 100;  //默认后滑块位置百分比private boolean isEdit = false;     //输入框是否正在输入public SeekBarPressure(Context context) {this(context, null);}public SeekBarPressure(Context context, AttributeSet attrs) {this(context, attrs, 0);}public SeekBarPressure(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);
//        this.setBackgroundColor(Color.BLACK);
Resources resources = getResources();notScrollBarBg = resources.getDrawable(R.drawable.seekbarpressure_bg_progress);hasScrollBarBg = resources.getDrawable(R.drawable.seekbarpressure_bg_normal);mThumbLow = resources.getDrawable(R.drawable.seekbarpressure_thumb);mThumbHigh = resources.getDrawable(R.drawable.seekbarpressure_thumb);mThumbLow.setState(STATE_NORMAL);mThumbHigh.setState(STATE_NORMAL);mScollBarWidth = notScrollBarBg.getIntrinsicWidth();mScollBarHeight = notScrollBarBg.getIntrinsicHeight();mThumbWidth = mThumbLow.getIntrinsicWidth();mThumbHeight = mThumbLow.getIntrinsicHeight();}//默认执行，计算view的宽高,在onDraw()之前protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {int width = measureWidth(widthMeasureSpec);
//        int height = measureHeight(heightMeasureSpec);mScollBarWidth = width;mOffsetHigh = width - mThumbWidth / 2;mOffsetLow = mThumbWidth / 2;mDistance = width - mThumbWidth;mOffsetLow = formatDouble(defaultScreenLow / 100 * (mDistance ))+ mThumbWidth / 2;mOffsetHigh = formatDouble(defaultScreenHigh / 100 * (mDistance)) + mThumbWidth / 2;setMeasuredDimension(width, mThumbHeight + mThumbMarginTop+2);}private int measureWidth(int measureSpec) {int specMode = MeasureSpec.getMode(measureSpec);int specSize = MeasureSpec.getSize(measureSpec);//wrap_contentif (specMode == MeasureSpec.AT_MOST) {}//fill_parent或者精确值else if (specMode == MeasureSpec.EXACTLY) {}return specSize;}private int measureHeight(int measureSpec) {int specMode = MeasureSpec.getMode(measureSpec);int specSize = MeasureSpec.getSize(measureSpec);int defaultHeight = 100;//wrap_contentif (specMode == MeasureSpec.AT_MOST) {}//fill_parent或者精确值else if (specMode == MeasureSpec.EXACTLY) {defaultHeight = specSize;}return defaultHeight;}protected void onLayout(boolean changed, int l, int t, int r, int b) {super.onLayout(changed, l, t, r, b);}protected void onDraw(Canvas canvas) {super.onDraw(canvas);Paint text_Paint = new Paint();text_Paint.setTextAlign(Paint.Align.CENTER);text_Paint.setColor(Color.RED);text_Paint.setTextSize(20);int aaa = mThumbMarginTop + mThumbHeight / 2 - mScollBarHeight / 2;int bbb = aaa + mScollBarHeight;//白色，不会动notScrollBarBg.setBounds(mThumbWidth / 2, aaa, mScollBarWidth - mThumbWidth / 2, bbb);notScrollBarBg.draw(canvas);//蓝色，中间部分会动hasScrollBarBg.setBounds((int)mOffsetLow, aaa, (int)mOffsetHigh, bbb);hasScrollBarBg.draw(canvas);//前滑块mThumbLow.setBounds((int)(mOffsetLow - mThumbWidth / 2), mThumbMarginTop, (int)(mOffsetLow + mThumbWidth / 2), mThumbHeight + mThumbMarginTop);mThumbLow.draw(canvas);//后滑块mThumbHigh.setBounds((int)(mOffsetHigh - mThumbWidth / 2), mThumbMarginTop, (int)(mOffsetHigh + mThumbWidth / 2), mThumbHeight + mThumbMarginTop);mThumbHigh.draw(canvas);double progressLow = formatDouble((mOffsetLow - mThumbWidth / 2) * 100 / mDistance);double progressHigh = formatDouble((mOffsetHigh - mThumbWidth / 2) * 100 / mDistance);
//            Log.d(TAG, "onDraw-->mOffsetLow: " + mOffsetLow + "  mOffsetHigh: " + mOffsetHigh   + "  progressLow: " + progressLow + "  progressHigh: " + progressHigh);canvas.drawText((int) progressLow + "", (int)mOffsetLow - 2 - 2, 15, text_Paint);canvas.drawText((int) progressHigh + "", (int)mOffsetHigh - 2, 15, text_Paint);if (mBarChangeListener != null) {if (!isEdit) {mBarChangeListener.onProgressChanged(this, progressLow, progressHigh);}}}@Overridepublic boolean onTouchEvent(MotionEvent e) {//按下if (e.getAction() == MotionEvent.ACTION_DOWN) {if (mBarChangeListener != null) {mBarChangeListener.onProgressBefore();isEdit = false;}mFlag = getAreaFlag(e);
//            Log.d(TAG, "e.getX: " + e.getX() + "mFlag: " + mFlag);
//            Log.d("ACTION_DOWN", "------------------");if (mFlag == CLICK_ON_LOW) {mThumbLow.setState(STATE_PRESSED);} else if (mFlag == CLICK_ON_HIGH) {mThumbHigh.setState(STATE_PRESSED);} else if (mFlag == CLICK_IN_LOW_AREA) {mThumbLow.setState(STATE_PRESSED);//如果点击0-mThumbWidth/2坐标if (e.getX() < 0 || e.getX() <= mThumbWidth/2) {mOffsetLow = mThumbWidth/2;} else if (e.getX() > mScollBarWidth - mThumbWidth/2) {
//                    mOffsetLow = mDistance - mDuration;mOffsetLow = mThumbWidth/2 + mDistance;} else {mOffsetLow = formatDouble(e.getX());
//                    if (mOffsetHigh<= mOffsetLow) {
//                        mOffsetHigh = (mOffsetLow + mDuration <= mDistance) ? (mOffsetLow + mDuration)
//                                : mDistance;
//                        mOffsetLow = mOffsetHigh - mDuration;
//                    }
                }} else if (mFlag == CLICK_IN_HIGH_AREA) {mThumbHigh.setState(STATE_PRESSED);
//                if (e.getX() < mDuration) {
//                    mOffsetHigh = mDuration;
//                    mOffsetLow = mOffsetHigh - mDuration;
//                } else if (e.getX() >= mScollBarWidth - mThumbWidth/2) {
//                    mOffsetHigh = mDistance + mThumbWidth/2;if(e.getX() >= mScollBarWidth - mThumbWidth/2) {mOffsetHigh = mDistance + mThumbWidth/2;} else {mOffsetHigh = formatDouble(e.getX());
//                    if (mOffsetHigh <= mOffsetLow) {
//                        mOffsetLow = (mOffsetHigh - mDuration >= 0) ? (mOffsetHigh - mDuration) : 0;
//                        mOffsetHigh = mOffsetLow + mDuration;
//                    }
                }}//设置进度条
            refresh();//移动move} else if (e.getAction() == MotionEvent.ACTION_MOVE) {
//            Log.d("ACTION_MOVE", "------------------");if (mFlag == CLICK_ON_LOW) {if (e.getX() < 0 || e.getX() <= mThumbWidth/2) {mOffsetLow = mThumbWidth/2;} else if (e.getX() >= mScollBarWidth - mThumbWidth/2) {mOffsetLow = mThumbWidth/2 + mDistance;mOffsetHigh = mOffsetLow;} else {mOffsetLow = formatDouble(e.getX());if (mOffsetHigh - mOffsetLow <= 0) {mOffsetHigh = (mOffsetLow <= mDistance+mThumbWidth/2) ? (mOffsetLow) : (mDistance+mThumbWidth/2);}}} else if (mFlag == CLICK_ON_HIGH) {if (e.getX() <  mThumbWidth/2) {mOffsetHigh = mThumbWidth/2;mOffsetLow = mThumbWidth/2;} else if (e.getX() > mScollBarWidth - mThumbWidth/2) {mOffsetHigh = mThumbWidth/2 + mDistance;} else {mOffsetHigh = formatDouble(e.getX());if (mOffsetHigh - mOffsetLow <= 0) {mOffsetLow = (mOffsetHigh >= mThumbWidth/2) ? (mOffsetHigh) : mThumbWidth/2;}}}//设置进度条
            refresh();//抬起} else if (e.getAction() == MotionEvent.ACTION_UP) {
//            Log.d("ACTION_UP", "------------------");
            mThumbLow.setState(STATE_NORMAL);mThumbHigh.setState(STATE_NORMAL);if (mBarChangeListener != null) {mBarChangeListener.onProgressAfter();}//这两个for循环 是用来自动对齐刻度的，注释后，就可以自由滑动到任意位置
//            for (int i = 0; i < money.length; i++) {
//                 if(Math.abs(mOffsetLow-i* ((mScollBarWidth-mThumbWidth)/ (money.length-1)))<=(mScollBarWidth-mThumbWidth)/(money.length-1)/2){
//                     mprogressLow=i;
//                     mOffsetLow =i* ((mScollBarWidth-mThumbWidth)/(money.length-1));
//                     invalidate();
//                     break;
//                }
//            }
//
//            for (int i = 0; i < money.length; i++) {
//                  if(Math.abs(mOffsetHigh-i* ((mScollBarWidth-mThumbWidth)/(money.length-1) ))<(mScollBarWidth-mThumbWidth)/(money.length-1)/2){
//                      mprogressHigh=i;
//                       mOffsetHigh =i* ((mScollBarWidth-mThumbWidth)/(money.length-1));
//                       invalidate();
//                       break;
//                }
//            }
        }return true;}public int getAreaFlag(MotionEvent e) {int top = mThumbMarginTop;int bottom = mThumbHeight + mThumbMarginTop;if (e.getY() >= top && e.getY() <= bottom && e.getX() >= (mOffsetLow - mThumbWidth / 2) && e.getX() <= mOffsetLow + mThumbWidth / 2) {return CLICK_ON_LOW;} else if (e.getY() >= top && e.getY() <= bottom && e.getX() >= (mOffsetHigh - mThumbWidth / 2) && e.getX() <= (mOffsetHigh + mThumbWidth / 2)) {return CLICK_ON_HIGH;} else if (e.getY() >= top&& e.getY() <= bottom&& ((e.getX() >= 0 && e.getX() < (mOffsetLow - mThumbWidth / 2)) || ((e.getX() > (mOffsetLow + mThumbWidth / 2))&& e.getX() <= ((double) mOffsetHigh + mOffsetLow) / 2))) {return CLICK_IN_LOW_AREA;} else if (e.getY() >= top&& e.getY() <= bottom&& (((e.getX() > ((double) mOffsetHigh + mOffsetLow) / 2) && e.getX() < (mOffsetHigh - mThumbWidth / 2)) || (e.getX() > (mOffsetHigh + mThumbWidth/2) && e.getX() <= mScollBarWidth))) {return CLICK_IN_HIGH_AREA;} else if (!(e.getX() >= 0 && e.getX() <= mScollBarWidth && e.getY() >= top && e.getY() <= bottom)) {return CLICK_OUT_AREA;} else {return CLICK_INVAILD;}}//更新滑块private void refresh() {invalidate();}//设置前滑块的值    public void setProgressLow(double  progressLow) {this.defaultScreenLow = progressLow;mOffsetLow = formatDouble(progressLow / 100 * (mDistance ))+ mThumbWidth / 2;isEdit = true;refresh();}//设置后滑块的值public void setProgressHigh(double  progressHigh) {this.defaultScreenHigh = progressHigh;mOffsetHigh = formatDouble(progressHigh / 100 * (mDistance)) + mThumbWidth / 2;isEdit = true;refresh();}public void setOnSeekBarChangeListener(OnSeekBarChangeListener mListener) {this.mBarChangeListener = mListener;}//回调函数，在滑动时实时调用，改变输入框的值public interface OnSeekBarChangeListener {//滑动前public void onProgressBefore();//滑动时public void onProgressChanged(SeekBarPressure seekBar, double progressLow,double progressHigh);//滑动后public void onProgressAfter();}/*    private int formatInt(double value) {BigDecimal bd = new BigDecimal(value);BigDecimal bd1 = bd.setScale(0, BigDecimal.ROUND_HALF_UP);return bd1.intValue();}*/public static double formatDouble(double pDouble) {BigDecimal bd = new BigDecimal(pDouble);BigDecimal bd1 = bd.setScale(2, BigDecimal.ROUND_HALF_UP);pDouble = bd1.doubleValue();return pDouble;}}

2、布局调用 xxx.xml

        <com.xxx.SeekBarPressureandroid:id="@+id/seekBar_tg2"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_alignParentTop="true"android:layout_marginBottom="10dp"android:layout_marginLeft="10dp"android:layout_marginRight="10dp" />

3、在Activity中实现XxxActivity.class

seekBarPressures = (SeekBarPressure) findViewById(R.id.seekBar_tg2);seekBarPressures.setOnSeekBarChangeListener(new SeekBarPressure.OnSeekBarChangeListener() {@Overridepublic void onProgressBefore() {isScreen = true;}@Overridepublic void onProgressChanged(SeekBarPressure seekBar, double progressLow, double progressHigh) {editTexts_min.setText((int) progressLow + "");editTexts_max.setText((int) progressHigh + "");}@Overridepublic void onProgressAfter() {isScreen = false;}});

注意：seekBar的父容器必须LinearLayout，别问我为什么，我也不知道。反正如果是Rinearlayout的话，滑动会不正常，我曹了，为这问题搞了整整3个小时

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

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

相关文章

java的算术表达式程序,java计算数学表达式

java的算术表达式程序,java计算数学表达式

import java.util.EmptyStackException;import java.util.Stack;public class CaculateFunction {private static String[] TrnsInToSufix(String IFX)// PFX放后缀表达式&#xff0c;IFX为中缀表达式{String PFX[] new String[IFX.length()];StringBuffer numBuffer new Str…
阅读更多...
java开发区块链只需150行代码

java开发区块链只需150行代码

本文目的是通过java实战开发教程理解区块链是什么。将通过实战入门学习&#xff0c;用Java自学开发一个很基本的区块链&#xff0c;并在此基础上能扩展如web框架应用等。这个基本的java区块链也实现简单的工作量证明系统。本文用一个java例子,演示了开发一个区块链应用的过程,涉…
阅读更多...
关于Linux的总结(三)

关于Linux的总结(三)

1.man_page.txt 1.内部命令&#xff1a;echo 查看内部命令帮助&#xff1a;help echo 或者 man echo2.外部命令&#xff1a;ls 查看外部命令帮助&#xff1a;ls --help 或者 man ls 或者 info ls3.man文档的类型(1~9) man 7 man man 5 passwd4.快捷键&#xff1a; ctrl c&…
阅读更多...
按钮长按

按钮长按

2019独角兽企业重金招聘Python工程师标准>>> 用update来实现定时 //长按处理update: function (delta) {cc.log("update "delta);this.totalTimedelta;if(this.totalTime>TOUCH_LONG_TIMER_INVOKE){this.stopTimer();this.invokeTouchLong();}},stop…
阅读更多...
php email 发送,php 发送 Email

php email 发送,php 发送 Email

require("mail/class.phpmailer.php");//调用$mail new PHPMailer();//实例化phpmailer$address "mailxi126.com";//接收邮件的邮箱$mail->IsSMTP(); // 设置发送邮件的协议&#xff1a;SMTP$mail->Host "smtp.163.com"; // 发送邮件的…
阅读更多...
Git-如何将已存在的项目提交到git

Git-如何将已存在的项目提交到git

1.首先在码云或者github上创建一个不带README.md的项目&#xff0c;然后复制远程库的地址&#xff08;下面以码云为例&#xff09;&#xff1a;　　 2.进入本地已存在的项目目录&#xff1a;house 　　 touch README.md //新建说明文件 git init //在当前项目目录中生成本地git…
阅读更多...
Bash：字符串操作

Bash：字符串操作

参考&#xff1a;http://blog.csdn.net/finewings/article/details/5718133 字符串提取 去掉指定前缀 1. ${varible#pattern} 从头开始&#xff0c;左往右&#xff0c;删除最短的一个pattern结尾的字符串&#xff0c;即截取第一个pattern结尾子串之后的字符串 例…
阅读更多...
ggplot2 theme相关设置—文本调整

ggplot2 theme相关设置—文本调整

在geom设置和scale设置之后&#xff0c;要想把图画的漂亮&#xff0c;theme设置是比不可少的 在theme 设置中element_text()是一项很重要的内容 element_text(family NULL, face NULL, colour NULL, size NULL, hjust NULL, vjust NULL, angle NULL, lineheight NULL) …
阅读更多...
java top.dialog控件,java – 如何只为他的父级创建JDialog onTop？

java top.dialog控件,java – 如何只为他的父级创建JDialog onTop？

可以说,我们有几个JFrame窗口同时可见,并且每个窗口都出现JDialog.当我们的窗口处于级联模式和对话框setAlwaysOnTop为真时,所有对话框将在最后一个窗口中可见.我只想将Dialog组件与其所有者关联起来,这样当你在Frames之间切换时,你只会在顶部获得一个对话框,并且在单击一个框架…
阅读更多...
Eclipse出现the type java.lang.CharSequence can't be resolved.

Eclipse出现the type java.lang.CharSequence can't be resolved.

出现这个问题我们需要安装一下JRE1.7这个版本&#xff0c;然后再项目里引入一下就可以了。 转载于:https://www.cnblogs.com/ganwei/p/4565883.html
阅读更多...
php system 返回值127,php system 返回值 1

php system 返回值127,php system 返回值 1

PayPal新的IPN返回接口(PHP)_计算机软件及应用_IT/计算机_专业资料。今天调试个客户的PayPal IPN返回接口死活不正确,用自己的老帐号和sandbox,都没问题,开始怀疑他......2.ob_start()还有一个不太明显但很致命的后门用法,实现代码如 2 9 ■ 1234 <?php /* 例 7*/$cmd sy…
阅读更多...
window10 mysql5.7 解压版 安装

window10 mysql5.7 解压版 安装

1. 解压mysql-5.7.11-winx64.zip 到某文件夹&#xff0c; 如C:\DevelopCommon\mysql-5.7.11-winx64。 2. 配置环境变量 变量名 &#xff1a; MYSQL_HOME 变量值 &#xff1a; C:\DevelopCommon\mysql-5.7.11-winx64 -------------- 变量名 &#xff1a; Path 变量值 &#xff…
阅读更多...
Vmware中的centos虚拟机克隆之后没有eth0

Vmware中的centos虚拟机克隆之后没有eth0

克隆虚拟机之后&#xff0c;CentOS没有eth0的解决办法 我们常常需要从一台已经安装完成的虚拟机系统克隆出来一个新系统&#xff08;克隆时候必须要改变网卡物理地址&#xff0c;这一点无需多说&#xff09;&#xff0c;但是新系统启动之后&#xff0c;会发现系统网络工作不…
阅读更多...
reset.css

reset.css

body{margin:8px;} iframe{border:2px;} th,td{padding:1;} table{border-spacing:2px;border-collapse:separate;} dfn{斜体} <dfn> 标签可标记那些对特殊术语或短语的定义。 现在流行的浏览器通常用斜体来显示 <dfn> 中的文本。将来&#xff0c;<dfn> 还可…
阅读更多...
java zero copy 实现,关于Zero Copy

java zero copy 实现,关于Zero Copy

概述很多web应用都会有大量的静态文件。我们通常是从硬盘读取这些静态文件&#xff0c;并将完全相同的文件数据写到response socket。这样的操作需要较少的CPU&#xff0c;但是效率有些低&#xff0c;它需要经过如下的过程&#xff1a;kernel从硬盘读取数据&#xff0c;越过ker…
阅读更多...
Java量与变量的区别

Java量与变量的区别

2019独角兽企业重金招聘Python工程师标准>>> 常量&#xff1a;其值不变即为常量。 语法&#xff1a; 数据类型 常量名 值; double PI 3.14; 　　 备注&#xff1a; 一般默认常量名大写。 变量与常量之间关系(量间关系) 先来一个简单的实例&#xff0c;好了解 Java…
阅读更多...
团队作业6

团队作业6

Alpha版本展示 一、 刘阳航|201521123026&#xff08;组长&#xff09; 博客地址&#xff1a;http://www.cnblogs.com/lyhooo/ 负责图形的创建和移动部分&#xff0c; 游戏区操作的实现&#xff0c;部分算法的编写 陈文俊|201521123047 博客地址&#xff1a;http://www.cnblogs…
阅读更多...
java 新浪短网址生成器,新浪短链接接口被限制？最新新浪短网址api接口

java 新浪短网址生成器,新浪短链接接口被限制？最新新浪短网址api接口

背景新浪短网址api是sina平台官对外公开的短网址生成接口&#xff0c;可以将长链接通过接口生成t.cn样式的短链接&#xff0c;可以说是非常好用的。但近期新浪官方开始对已经公布的接口做出了多重限制&#xff0c;很多之前能用的功能现在都频频被限制&#xff0c;甚至有的时候接…
阅读更多...
第一节：程序集加载

第一节：程序集加载

我们知道JIT编译器将方法的IL代码编译成本地代码时&#xff0c;会查看IL代码中引用了哪些类型。在运行时&#xff0c;JIT编译器利用程序集的TypeRef和AssemblyRef元数据表来确定哪一个程序集定义了所引用的类型。在AssemblyRef元数据表的记录项中&#xff0c;包含了构成程序集强…
阅读更多...
CentOS系统根目录组织结构

CentOS系统根目录组织结构

对于linux运维初学者来说&#xff0c;认识linux系统的文件组织结构来说&#xff0c;也是一件非常有意义的事情。当然对于学习运维者来说首选的Centos系列linux服务器版本了&#xff0c;同样属于菜鸟的我&#xff0c;今天和大家分享一下当前最为成熟的Centos6.8和Centos7.2版本的…
阅读更多...
最新文章

Copyright @ 2022~2023