阳光沙滩-让学习编程变得更加简单

验证码服务器上显示不了汉字刚开始我以为是显示不了楷体，我就把设置字体的删掉了，用默认字体，本地没问题，布置到服务器上汉字显示都是方框！就很纳闷本地怎么跑都没问题

2020-06-29 23:57 · 验证码

这是个什么控件呢？有这第一些要求，平时我们在UI上显示时间，通常直接是显示：11:45这样格式的文字如果要求这些数字和符号用图片替换呢？通常来产，大家可能想到的是用ImageView来显示单独的图片，根据时间数字去获取对应的图片。对于这种特定长度，并且不太长的是可以的。如果这个数字是2938424542323.32呢？对吧，你总不能写N个ImageView吧，当然可以优化一下，代码动态把ImageView添加到容器中。如何实现呢？可以自己写个控件，不会自定义控件编写步骤的同学，可以参考一下Android自定义控件基础课程基本的架子publicclassNumberImageViewextendsView{publicNumberImageView(Contextcontext){this(context,null);}publicNumberImageView(Contextcontext,@NullableAttributeSetattrs){this(context,attrs,0);}publicNumberImageView(Contextcontext,@NullableAttributeSetattrs,intdefStyleAttr){super(context,attrs,defStyleAttr);}@OverrideprotectedvoidonMeasure(intwidthMeasureSpec,intheightMeasureSpec){super.onMeasure(widthMeasureSpec,heightMeasureSpec);}@OverrideprotectedvoidonDraw(Canvascanvas){super.onDraw(canvas);}}构造方法，刚学android的同学可能会问，为什么要三个构造函数，并且都调用到第三个去。提供三个构造方法是为了满足多种不同的创建方式，都调用到第三个是为了统一入口，我们把初始化的相关代码写在第三个构造方法即可。其他构造方法进来也会走到那里的。数据设置我们可以暴露一个方法，跟TextView一样，设置文字内容。这里成，我们涉及到把字符串打散成字符，然后把字符转成图片。publicvoidsetText(Stringtext){char[]chars=text.toCharArray();resArray=newBitmap[chars.length];try{for(inti=0;i<chars.length;i++){charaChar=chars[i];intmipmap=getResources().getIdentifier("number_"+(int)aChar,"mipmap",getContext().getPackageName());if(mipmap==0){thrownewIllegalArgumentException("noresourcename:number_"+(int)aChar+"inmipmapfolder.");}resArray[i]=BitmapFactory.decodeResource(getResources(),mipmap,options);}//长度变化以后，需要重新测量if(lastLen!=text.length()){requestLayout();lastLen=text.length();}invalidate();}catch(Exceptione){e.printStackTrace();}}可以看到，我这里的图片命名是根据ASSIC的十进制码进行映射的，这样子我直接把字符转成图片。昨天有个同学提了个问题：根据字符串获取到图片资源以上方式就可获取到。测量按我们自定义控件的步骤，我们测量一下自己，这是一个自定义View。本控件的宽度，只要把所有孩子的宽度加起来即可，高度也是孩子的高度，因为这里的图片高度是一样的，所以我用一个就可以。如果图片高度不一样，可以获取到最高的那张图片，然后设置高度值。@OverrideprotectedvoidonMeasure(intwidthMeasureSpec,intheightMeasureSpec){super.onMeasure(widthMeasureSpec,heightMeasureSpec);if(resArray==null){return;}Log.d(TAG,"onmeasure...");//设置大小inttargetWidth=0;inttargetHeight=0;for(Bitmapbitmap:resArray){targetWidth+=bitmap.getWidth();targetHeight=bitmap.getHeight();}setMeasuredDimension(targetWidth,targetHeight);}测量完了，有自己的空间了，在此控件进行绘制。绘制@OverrideprotectedvoidonDraw(Canvascanvas){super.onDraw(canvas);if(resArray==null||resArray.length==0){return;}BitmapfirstOne=resArray[0];imgRect.left=0;imgRect.top=0;imgRect.bottom=firstOne.getHeight();positionRect.left=0;positionRect.top=0;positionRect.right=firstOne.getWidth();positionRect.bottom=firstOne.getHeight();//计算位置for(inti=0;i<resArray.length;i++){Bitmapbitmap=resArray[i];imgRect.right=bitmap.getWidth();positionRect.right=positionRect.left+bitmap.getWidth();canvas.drawBitmap(bitmap,imgRect,positionRect,paint);positionRect.left+=bitmap.getWidth();}}绘制的代码也比较简单拿着一张张图片从左往右绘制就完事了我们这个只是展示类控件，不需要处理事件，展示内容就可以了。完整代码publicclassNumberImageViewextendsView{privatestaticfinalStringTAG="NumberImageView";privateBitmap[]resArray;privatefinalPaintpaint;privatefinalRectimgRect;privatefinalRectpositionRect;privatefinalBitmapFactory.Optionsoptions;publicNumberImageView(Contextcontext){this(context,null);}publicNumberImageView(Contextcontext,@NullableAttributeSetattrs){this(context,attrs,0);}publicNumberImageView(Contextcontext,@NullableAttributeSetattrs,intdefStyleAttr){super(context,attrs,defStyleAttr);//准备好画笔paint=newPaint();//准备好框框imgRect=newRect();positionRect=newRect();options=newBitmapFactory.Options();options.inScaled=false;}privateintlastLen=0;publicvoidsetText(Stringtext){char[]chars=text.toCharArray();resArray=newBitmap[chars.length];try{for(inti=0;i<chars.length;i++){charaChar=chars[i];intmipmap=getResources().getIdentifier("number_"+(int)aChar,"mipmap",getContext().getPackageName());if(mipmap==0){thrownewIllegalArgumentException("noresourcename:number_"+(int)aChar+"inmipmapfolder.");}resArray[i]=BitmapFactory.decodeResource(getResources(),mipmap,options);}//长度变化以后，需要重新测量if(lastLen!=text.length()){requestLayout();lastLen=text.length();}invalidate();}catch(Exceptione){e.printStackTrace();}}@OverrideprotectedvoidonMeasure(intwidthMeasureSpec,intheightMeasureSpec){super.onMeasure(widthMeasureSpec,heightMeasureSpec);if(resArray==null){return;}Log.d(TAG,"onmeasure...");//设置大小inttargetWidth=0;inttargetHeight=0;for(Bitmapbitmap:resArray){targetWidth+=bitmap.getWidth();targetHeight=bitmap.getHeight();}setMeasuredDimension(targetWidth,targetHeight);}@OverrideprotectedvoidonDraw(Canvascanvas){super.onDraw(canvas);if(resArray==null||resArray.length==0){return;}BitmapfirstOne=resArray[0];imgRect.left=0;imgRect.top=0;imgRect.bottom=firstOne.getHeight();positionRect.left=0;positionRect.top=0;positionRect.right=firstOne.getWidth();positionRect.bottom=firstOne.getHeight();//计算位置for(inti=0;i<resArray.length;i++){Bitmapbitmap=resArray[i];imgRect.right=bitmap.getWidth();positionRect.right=positionRect.left+bitmap.getWidth();canvas.drawBitmap(bitmap,imgRect,positionRect,paint);positionRect.left+=bitmap.getWidth();}}}``#使用控件```xml<com.sob.altitude.view.NumberImageViewandroid:layout_width="wrap_content"android:id="@+id/number_text"android:layout_height="wrap_content"android:layout_gravity="center_horizontal"/>设置数值：numberImageView.setText("--.--");其他数字到这里，就水完这篇文章了，请有序打赏和点赞，鞠躬！

2022-08-16 10:09 · 自定义控件 / 安卓开发 / 毕业涉及 / 毕业设计 / 安卓 / 控件