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