现在的位置: 首页 > 综合 > 正文

android 图片水平重复平铺(repeat x)

2018年02月17日 ⁄ 综合 ⁄ 共 1233字 ⁄ 字号 评论关闭
《=用来重复显示的图

1.最简单方式


创建wave_repeat.xml
<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
   
 android:src="@drawable/wave"
   
 android:tileMode="repeat" />
在layout中使用
<View
    
android:layout_width="match_parent"
    
android:layout_height="wrap_content"
    
android:background="@drawable/wave_repeat" />
这种方式有一个问题,最后一张重复图片不一定是完整的图片可能只是一部分

效果图:(左右两条竖线是后来加的)


2.可确保最后一张重复图片是完整的,就是几个完整的一样的图片X轴重复
Resources res = context.getResources();
Bitmap bitmap = BitmapFactory.decodeResource(res, R.drawable.
wave);
holder.
viewWave.setImageBitmap(BitmapHelper.createRepeater(screenWidth,
bitmap));
//screenWidth为屏幕宽度(或显示图片的imageview宽度)

BitmapHelper.java 中的方法
public static Bitmap
createRepeater(
int width, Bitmap src) {
     int count = (width + src.getWidth() - 1) / src.getWidth(); //计算出平铺填满所给width(宽度)最少需要的重复次数
     Bitmap bitmap = Bitmap.createBitmap(src.getWidth()*count, src.getHeight(), Config.
ARGB_8888);
     Canvas canvas =
 new Canvas(bitmap);
     for (int idx
= 0; idx < count; ++idx) {
          canvas.drawBitmap(src, idx * src.getWidth(), 0,
 null);
     }

     return bitmap;
}


在layout中设置imageview的scaleType为fitXY
<ImageView
     
android:id="@+id/view_wave"
     
android:layout_width="match_parent"
     
android:layout_height="wrap_content"
     
android:scaleType="fitXY" />

效果图:

抱歉!评论已关闭.