Android textView drawableXX图片大小

最新推荐文章于 2024-06-16 11:16:14 发布
最新推荐文章于 2024-06-16 11:16:14 发布
阅读量5.6k 收藏 2
点赞数 1
分类专栏： android 高手进阶 android 工具 文章标签： android textview 图片 设置大小
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011625768/article/details/53508474
版权

TextView自带的drawableLeft属性竟然不能设置图片大小，简直不能忍，啥也不说了，直接上代码

    <!--drawableTextView-->
    <declare-styleable name="DrawableTextView">
        <attr name="leftDrawableWidth" format="dimension" />
        <attr name="leftDrawableHeight" format="dimension" />
        <attr name="rightDrawableWidth" format="dimension" />
        <attr name="rightDrawableHeight" format="dimension" />
        <attr name="topDrawableWidth" format="dimension" />
        <attr name="topDrawableHeight" format="dimension" />
        <attr name="bottomDrawableWidth" format="dimension" />
        <attr name="bottomDrawableHeight" format="dimension" />
        <attr name="addTail" format="boolean"/>
    </declare-styleable>

继承自TextView，直接在布局文件使用即可，在可以设置图片大小的前提下，进行了扩展，使其可以使用在更多的场景
例如：
一个textview表现更多的效果

以上场景就可以使用在多行文本的表现形式，然后使用spannableString 或者spannableStringBuilder 实现更多更复杂的表现形式

/**
 * Drawable 监听回调接口
 *
 * Created by yinw on 2016-12-19.
 */

public class DrawableListener {


    public interface DrawableRightListener{

        void drawableRightListener(View view);

    }

    public interface DrawableLeftListener{

        void drawableLeftListener(View view);

    }


    public interface DrawableTopListener{

        void drawableTopListener(View view);

    }


    public interface DrawableBottomListener{

        void drawableBottomListener(View view);

    }



}

/**
 * Created by yinw on 2016-12-07.
 */

public class DrawableTextView extends TextView {

    private int leftDrawableWidth, leftDrawableHeight, rightDrawableWidth, rightDrawableHeight,
            topDrawableWidth, topDrawableHeight, bottomDrawableWidth, bottomDrawableHeight;


    private int leftWidth, rightWidth;//左右图片宽度

    private boolean addTail = false;//是否对换行符的长字符串进行...替换


    private final int DRAWABLE_LEFT = 0;
    private final int DRAWABLE_TOP = 1;
    private final int DRAWABLE_RIGHT = 2;
    private final int DRAWABLE_BOTTOM = 3;

    private DrawableListener.DrawableRightListener drawableRightListener;

    private DrawableListener.DrawableLeftListener drawableLeftListener;

    private DrawableListener.DrawableTopListener drawableTopListener;

    private DrawableListener.DrawableBottomListener drawableBottomListener;

    public DrawableTextView(Context context) {
        this(context, null);
    }

    public DrawableTextView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public DrawableTextView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);

        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.DrawableTextView, defStyleAttr, 0);

        leftDrawableHeight = typedArray.getDimensionPixelSize(R.styleable.DrawableTextView_leftDrawableHeight,
                (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, -1, getResources().getDisplayMetrics()));
        leftDrawableWidth = typedArray.getDimensionPixelSize(R.styleable.DrawableTextView_leftDrawableWidth,
                (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, -1, getResources().getDisplayMetrics()));

        rightDrawableHeight = typedArray.getDimensionPixelSize(R.styleable.DrawableTextView_rightDrawableHeight,
                (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, -1, getResources().getDisplayMetrics()));
        rightDrawableWidth = typedArray.getDimensionPixelSize(R.styleable.DrawableTextView_rightDrawableWidth,
                (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, -1, getResources().getDisplayMetrics()));

        topDrawableHeight = typedArray.getDimensionPixelSize(R.styleable.DrawableTextView_topDrawableHeight,
                (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, -1, getResources().getDisplayMetrics()));
        topDrawableWidth = typedArray.getDimensionPixelSize(R.styleable.DrawableTextView_topDrawableWidth,
                (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, -1, getResources().getDisplayMetrics()));

        bottomDrawableHeight = typedArray.getDimensionPixelSize(R.styleable.DrawableTextView_bottomDrawableHeight,
                (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, -1, getResources().getDisplayMetrics()));
        bottomDrawableWidth = typedArray.getDimensionPixelSize(R.styleable.DrawableTextView_bottomDrawableWidth,
                (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, -1, getResources().getDisplayMetrics()));

        addTail = typedArray.getBoolean(R.styleable.DrawableTextView_addTail, false);

        typedArray.recycle();

        Drawable[] drawables = getCompoundDrawables();

        for (int i = 0; i < drawables.length; i++) {

            setDrawableSize(drawables[i], i);

        }

        //放置图片
        setCompoundDrawables(drawables[DRAWABLE_LEFT], drawables[DRAWABLE_TOP], drawables[DRAWABLE_RIGHT], drawables[DRAWABLE_BOTTOM]);

    }


    //设置drawableRight 图片的点击监听
    public void setDrawableRightListener(DrawableListener.DrawableRightListener drawableRightListener) {
        this.drawableRightListener = drawableRightListener;
    }


    public void setDrawableLeftListener(DrawableListener.DrawableLeftListener drawableLeftListener) {
        this.drawableLeftListener = drawableLeftListener;
    }

    public void setDrawableTopListener(DrawableListener.DrawableTopListener drawableTopListener) {
        this.drawableTopListener = drawableTopListener;
    }

    public void setDrawableBottomListener(DrawableListener.DrawableBottomListener drawableBottomListener) {
        this.drawableBottomListener = drawableBottomListener;
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {

        switch (event.getAction()) {

            case MotionEvent.ACTION_UP:


                if (drawableRightListener != null) {

                    Drawable drawableRight = getCompoundDrawables()[DRAWABLE_RIGHT];
                    if (drawableRight != null && event.getRawX() >= (getRight() - drawableRight.getBounds().width())
                            && event.getRawX() < getRight()) {

                        drawableRightListener.drawableRightListener(this);

                        return true;

                    }

                }


                if (drawableLeftListener != null) {

                    Drawable drawableLeft = getCompoundDrawables()[DRAWABLE_LEFT];
                    if (drawableLeft != null && event.getRawX() <= (getLeft() + drawableLeft.getBounds().width())
                            && event.getRawX() > getLeft()) {

                        drawableLeftListener.drawableLeftListener(this);

                        return true;

                    }


                }


                if (drawableTopListener != null) {

                    Drawable drawableTop = getCompoundDrawables()[DRAWABLE_TOP];
                    if (drawableTop != null && event.getRawY() <= (getTop() + drawableTop.getBounds().height())
                            && event.getRawY() > getTop()) {

                        drawableTopListener.drawableTopListener(this);

                        return true;

                    }


                }

                if (drawableBottomListener != null) {

                    Drawable drawableBottom = getCompoundDrawables()[DRAWABLE_BOTTOM];
                    if (drawableBottom != null && event.getRawY() >= (getBottom() - drawableBottom.getBounds().height())
                            && event.getRawY() < getBottom()) {

                        drawableBottomListener.drawableBottomListener(this);

                        return true;

                    }


                }


                break;


        }


        return super.onTouchEvent(event);
    }

    //设置图片的高度和宽度
    private void setDrawableSize(Drawable drawable, int index) {

        if (drawable == null) {

            return;
        }
        //左上右下


        int width = 0, height = 0;

        switch (index) {

            case DRAWABLE_LEFT:

                width = leftDrawableWidth;
                height = leftDrawableHeight;

                break;

            case DRAWABLE_TOP:

                width = topDrawableWidth;
                height = topDrawableHeight;
                break;

            case DRAWABLE_RIGHT:

                width = rightDrawableWidth;
                height = rightDrawableHeight;

                break;

            case DRAWABLE_BOTTOM:

                width = bottomDrawableWidth;
                height = bottomDrawableHeight;

                break;


        }

        //如果没有设置图片的高度和宽度具使用默认的图片高度和宽度
        if (width < 0) {

            width = drawable.getIntrinsicWidth();

        }

        if (height < 0) {

            height = drawable.getIntrinsicHeight();
        }

        if (index == 0) {

            leftWidth = width;

        } else if (index == 2) {

            rightWidth = width;
        }

        drawable.setBounds(0, 0, width, height);


    }


    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);

        //是否对包含有换行符的文字，以换行符分割的句子，超过textView最大宽度的时候以“...”结尾
        if (addTail) {
            String text = getText().toString();

            float textWidth = getWidth() - getPaddingRight() - getPaddingLeft();

            if (leftWidth != 0) {

                textWidth = textWidth - leftWidth - getCompoundDrawablePadding();

            }

            if (rightWidth != 0) {

                textWidth = textWidth - rightWidth - getCompoundDrawablePadding();
            }
            setText(changeText(text, textWidth));
        }

    }


    /**
     * 以换行符\n来分离文本，每行超过最大长度的文本以...来替换 可以少写很多的textView
     *
     * @param text      文本内容
     * @param textWidth 文本最大长度
     * @return
     */
    private String changeText(String text, float textWidth) {

        String[] contents = text.split("\\n");
        float contentWidth;
        String content;
        for (int j = 0; j < contents.length; j++) {

            content = contents[j];
            contentWidth = this.getPaint().measureText(content);

            if (contentWidth > textWidth) {


                String newContent;
                float newContentWidth;
                for (int i = content.length(); i >= 0; i--) {

                    newContent = content.substring(0, i);

                    newContentWidth = this.getPaint().measureText(newContent + "...");


                    if (newContentWidth <= textWidth) {

                        contents[j] = newContent.concat("...");

                        break;

                    }

                }

            }

        }

        StringBuilder stringBuilder = new StringBuilder();
        for (int k=0;k<contents.length;k++) {


            if(k<contents.length-1) {

                stringBuilder.append(contents[k] + "\n");

            }else{

                stringBuilder.append(contents[k]);
            }


        }

        return stringBuilder.toString();

    }


}

程序员内功修炼手册 不定期分享程序员基础知识，大前端知识！想跟博主一块成长的快快关注吧！

在这里插入图片描述

Bee大前端
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决 TextView 中 drawableleft 图片大小不可控问题
Leto的博客
08-13 1275
这个问题在Stack Overflow上有过解答了，解决方案还是很不错的（前提是使用的 drawable 资源是矢量化的，对于位图可能无效；关于矢量化图像资源参见我的这篇文章）。 在资源文件的 android:drawble 属性中写入 dimen 中的量： &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;layer-list xmlns:...
Android TextView 设置字体大小的方法
09-02
本文将详细介绍如何在Android中为TextView设置字体大小，以及使用相关方法和属性来实现这一功能。 首先，最直接的方式是通过XML布局文件中的`android:textSize`属性来设置字体大小。例如： ```xml <TextView ...
解决TextView drawableRight左侧图片大小不可控的问题
weixin_34099526的博客
05-24 261
通过代码来修改图片的大小：Drawable rightDrawable= context.getResources().getDrawable(R.drawable.more); rightDrawable.setBounds(0, 0, drawable.getIntrinsicWidth() / 2, drawable.getIntrinsicHeight() / 2) tvMore.setC...
Android TextView 使用以及属性(方法)大全
最新发布
2401_85730230的博客
06-16 967
TextViewandroid:text=“可点击可长按” />运行结果：在代码中实现：//下划线并加清晰//抗锯齿//颜色的数组//内部填充颜色//创建drawable//设置背景色//设置圆角//设置背景//setSpan：参数1，设置文字大小；参数2,开始的文字位置；参数3,结束改变文字位置不包含这个位置//TextView其实也是有点击事件的毕竟它的爸爸Veiew@OverrideMLog.e(“这里是点击事件”);
Android TextView设置图片的大小
StarWithRainbow
10-10 3655
tv_block = (TextView) findViewById(R.id.block); Drawable d = ContextCompat.getDrawable(WorkoutDetailActivity.this,R.drawable.block);      //getResources().getDrawable(R.mipmap.come_in_icon); d.setBo
解析TextView，自由控制drawable大小
vchao的博客
05-10 2688
一个自定义View，扩展TextView的功能，使 drawable 可以自由控制大小。 功能很简单，实现也不复杂，但是我们可以捎带着一窥 TextView 的一万多行源码
Android的drawable，mipmap的图标大小
彬sir哥的博客
12-08 767
一、drawable 1、drawable 它的宽和高是144*144 2、drawable-hdpi 它的宽和高是96*96 3、drawable-mdpi 它的宽和高是144*144 4、drawable-xhdpi 它的宽和高是72*72 5、drawable-xxhdpi 它的宽和高是48*48 6、drawable-xxxhdpi 它的宽和高是36*36 二、mipmap 1.mipmap-hdpi 它的宽和高是96*96 2.mipmap-mdpi 48*48 3.mipmap-xhdpi 96
Android中TextView显示插入的图片实现方法
09-01
本文将详细介绍如何在Android的TextView中显示插入的图片，包括三种不同的实现方法：ImageSpan、Html.ImageGetter以及通过setCompoundDrawables方法。 1. **ImageSpan的使用** ImageSpan是Android提供的一种直接在...
android TextView实现跑马灯效果
08-30
Android TextView 实现跑马灯效果 Android TextView 实现跑马灯效果是 Android 开发中常见的需求之一。跑马灯效果是指文本滚动的效果，常用于展示长文本内容。本文将详细介绍如何使用 Android TextView 实现跑马灯...
Android 一个TextView中设置不同字体大小和颜色
08-15
总之，通过利用Android的SpannableString和各种Span，我们可以在一个TextView中轻松地实现不同字体大小和颜色的效果，极大地提升了用户体验和界面设计的灵活性。在开发过程中，掌握这类技术对于构建动态且交互性强的...
自定义TextView的drawable可设置大小
cxjwpp的博客
06-06 590
方式一：代码设置 TextView textView = findViewById(R.id.tv); Drawable drawable = getResources().getDrawable(R.drawable.apple); drawable.setBounds(0, 0, dp2px(45), dp2px(45)); textView.setCompoundDrawables(drawable, null, null, null)...
自定义打造可以设置drawableLeft大小（宽高）的控件
08-24
一个很简单的需求。你是使用布局嵌套呢？还是非得依赖美工帮你切图呢？ 自定义打造可以设置drawableLeft大小（宽高）的控件 博客地址：http://blog.csdn.net/u014702653/article/details/52304656
[Android开发] 自定义TextView，可以自定义四个方向Drawable的大小、距离文字的距离、设置点击监听等
u013077428的博客
04-11 1718
我们在用TextView的时候，有时候文本前后都会有一个图片，而这个图片大小在布局中是无法设置的，只有通过 setCompoundDrawables 设置时，给定Drawable的宽高才可以，这无疑是比较麻烦的，如果设置多个方向的图片，又不能单独设置距离文本的距离，另外这个图片是不能够单独点击的，为此我写了一个加强版的。5、支持单独为四个位置中的一个设置大小、图片、距离文本距离。3、四个位置的图片可以设置点击、双击、长按事件监听。2、四个位置的图片可以单独设置距离文字的距离。6、支持为文本区域设置背景。
安卓自定义View----实现TextView可设置drawable宽高度
xx23x的博客
09-16 5053
前言 如上图所示，相信可爱的安卓程序猿们在开发中经常会遇到这种样式的UI开发。其实上面这种布局很简单，没有难度，只不过是繁杂的view嵌套而已。通常我们在实现上面这种效果的时候会有3种方式： 方式一：   一层一层的搭建，首先外层是一个横向的LinearLayout，然后里面包裹着四个LinearLayout作为子View， 每一个Linearlayout里面再写上一个ImageView和一
安卓 TextView 设置Drawable大小
qq_34715162的博客
03-18 3246
TextView Drawable 给自己看系列 TextView 可以使用android:drawableTop/Left/Right/Bottom属性在activity的xml中设置图片位置，但是不能控制drawable的大小，只能控制和文字之间的padding属性。 实现 通过继承TextView 重写 setCompoundDrawables 方法来控制Drawable大小 代码如下 /** * @description * @author msp * @time 2021/3/
Android设置drawableTop图片大小
热门推荐
qiao0809的专栏
08-26 2万+
在开发中我们经常用到TextView、Button、RadioButton这三个控件，很多时候我们需要文字和图片一起出现，很多应用的底部的导航栏用RadioGroup来实现切换的功能，例如QQ等等，这时候我们要用RadioButton的drawableTop、drawableLeft、drawableRight、drawableBottom四个属性值，来设定文字对应方向的图片，但是却没有设置图片大小
android textview 字体大小
07-27
在Android中，可以使用Autosizing TextViews来动态改变TextView的字体大小。你可以通过设置一些属性来实现这个功能。例如，你可以设置autoSizeTextType属性为uniform，这样当字数较少时，字体会放大，当字数较多时，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值