码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2014-11-10 23:25:03      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:android   style   blog   http   io   color   ar   使用   java   

bubuko.com,布布扣《=用来重复显示的图

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" />
这种方式有一个问题,最后一张重复图片不一定是完整的图片可能只是一部分

效果图:(左右两条竖线是后来加的)
bubuko.com,布布扣

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" />

效果图:
bubuko.com,布布扣

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

标签:android   style   blog   http   io   color   ar   使用   java   

原文地址:http://blog.csdn.net/linsen618/article/details/40989587

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!