android 文字叠加显示在图片之上控件的实现 -- 充分利用TextView

开场白:

        最近做项目时,遇到文字需叠加显示在图片之上的效果,首先我想到的是ImageView + textView + FrameLayout,通过自定义控件方式来实现。不过感觉挺麻烦的,于是决定寻找更简单的实现方式,很不错,我找到了,下面说说实现的方式,一种是静态的,一种是动态代码实现的


1.通过定义XML方式实现
<TextView
        android:id="@+id/txtMsg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"         android:textSize="19px"
        android:gravity="center_horizontal"
        android:text="测试文字"
        android:drawablePadding="-20px"  //设置字体和图片之间的距离, 这是实现文字叠加显示在图片之上的关键点~
        android:drawableTop="@drawable/ic_launcher" // 设置图片显示在文字的上方
        />


2.通过动态代码实现

TextView v = new TextView(this.getApplicationContext());
 v.setCompoundDrawablePadding(-20);    
v.setGravity(Gravity.CENTER_HORIZONTAL);  

Drawable image = getResources().getDrawable(icons[i]);

image.setBounds(0, 0, image.getMinimumWidth(), image.getMinimumHeight()); //非常重要,必须设置,否则图片不会显示
v.setCompoundDrawables(null,image, null, null);            

v.setText("测试文字"); 

v.setTextSize(TypedValue.COMPLEX_UNIT_PX,19);//设置字体大小为19px



效果图:


  • 4
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值