1、设置图片
(1)静态设置
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/abc_btn_check_material"/>
(2)动态设置
// 从项目的资源中设置图片
private void setFromResource() {
imageView.setImageResource(R.drawable.lenna);
}
// 设置drawable。此处直接从资源中获取一个图片drawable。
private void setByDrawable() {
Drawable drawable = getDrawable(R.drawable.lenna);
imageView.setImageDrawable(drawable);
}
// 从外置存储卡设置图片。此处为了代码演示简洁,直接硬编码了文件路径。
// 注意:在实际项目中,切记不可如此,某些手机可能不存在外置卡。
// 此处应使用 Environment.getExternalStorageDirectory().getPath()
private void setFromPath() {
Uri uri = Uri.fromFile(new File("/mnt/sdcard/cudgel.png"));
imageView.setImageURI(uri);
}
// 从相册中加载图片。获取content的uri示例代码如下:
// Intent intent = new Intent(Intent.ACTION_GET_CONTENT);
// intent.setType("image/*");
// startActivityForResult(intent, 0);
// 然后在onActivityResult中从data中获取即可(data.getData())
private void setFromAlbum() {
String content = "content://media/external/images/media/32";
Uri uri = Uri.parse(content);
imageView.setImageURI(uri);
}
// 用Bitmap设置图片。bitmap更多内容请见下一节内容。
private void setFromBitmap() {
Bitmap bm = BitmapFactory.decodeFile("/sdcard/cudgel.png");
imageView.setImageBitmap(bm);
}
2、src与background区别
background会根据ImageView组件给定的长宽进行拉伸,而src就存放的是原图的大小,居中显示,不会进行拉伸。src是图片内容(前景),bg是背景,可以同时使用。
3、ScaleType的属性
注:
(1)centercrop:保持图片的长宽比,全部显示。
(2)center与centerinside的区别,在于,centerinside有时会根据情况拉伸,center的图片不会做任何拉伸。
4、Matrix
(1)图片放大
imageView.setScaleType(ImageView.ScaleType.MATRIX);
Matrix matrix = new Matrix();
float scale = scale(imageView);
matrix.setScale(scale, scale);
imageView.setImageMatrix(matrix);
(2)图片旋转
imageView.setScaleType(ImageView.ScaleType.MATRIX);
int viewWidth = imageView.getWidth();
int viewHeight = imageView.getHeight();
Matrix matrix = new Matrix();
matrix.setRotate(45, viewWidth / 2, viewHeight / 2);
imageView.setImageMatrix(matrix);
(3)图片先放大再旋转
imageView.setScaleType(ImageView.ScaleType.MATRIX);
int viewWidth = imageView.getWidth();
int viewHeight = imageView.getHeight();
//先放大
Matrix translate = new Matrix();
float scale = scale(imageView);
translate.setScale(scale, scale);
//再旋转
Matrix rotate = new Matrix();
rotate.setRotate(45, viewWidth / 2, viewHeight / 2);
//将两个Matrix串联起来,也可以使用setConcat
rotate.postConcat(translate);
imageView.setImageMatrix(rotate);
(4)先放大再旋转最后平移
imageView.setScaleType(ImageView.ScaleType.MATRIX);
int viewWidth = imageView.getWidth();
int viewHeight = imageView.getHeight();
//先放大
Matrix scale = new Matrix();
float ratio = scale(imageView);
//再旋转
scale.setScale(ratio, ratio);
Matrix rotate = new Matrix();
rotate.setRotate(45, viewWidth / 2, viewHeight / 2);
//将放大旋转连接起来
rotate.postConcat(scale);
//最后平移
Matrix translate = new Matrix();
translate.setTranslate(100, -100);
//将三个连接起来
rotate.postConcat(translate);
imageView.setImageMatrix(rotate);
5、给图片着色
Tint
示例代码
<ImageView
android:id="@+id/image_view_total_tint"
android:layout_width="200dp"
android:layout_height="200dp"
android:src="@drawable/lenna"
android:tint="#A0FF0000"
/>
<ImageView
android:id="@+id/image_view_alpha_tint"
android:layout_width="200dp"
android:layout_height="200dp"
android:src="@android:drawable/ic_btn_speak_now"
android:tint="#70FF0000"
/>
6、adjustViewBounds
让图片根据固定的宽度进行自适应
<ImageView
android:id="@+id/image_view_base"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:maxWidth="100dp"
android:maxHeight="200dp"
android:background="#00FF00"
android:adjustViewBounds="true"
android:src="@drawable/lenna"
/>
参考
Android从网络/服务器加载点9图
一般.9图都是放在本地记载,但最近遇到一个产品需求,需要把.9图放后台配置使用。于是捣鼓了一番,首先我们需要把ui给的.9图自己再通过sdk的aapt再编译一次,输入png格式的图片给后台,才能为我们所用。
下面是操作步骤
1.我们准备一张.9图片,放在E盘(有时候ui给的.9需要我们自己先在as里面稍微改动一下 不然会报错,或者直接让ui给你图自己切.9)
2.找到我们的sdk安装路径,进入\build-tools\【version】下,可以看到aapt.
3.此时,我们通过cmd窗口,进入到此目录下面
4.执行命令 aapt s -i E:\img_guowang_out.png -o E:\img_guowang_out.png
5.执行完后,会发现E盘的出现 img_guowang_out.png
6.这就是我们想要的png,我们拿到后台进行配置就
7.代码加载,因为太多地方用到 所以在工具类里封装了一个方法
/**
* 网络加载.9图片
* LinearLayout 传进来的控件 根据自己需求可改动
*/
static Bitmap bitmap;
public static void setNinePathImage(Context context, LinearLayout llnickname, String url) {
//这里我加了判空处理
if (StringUtil.isNotEmpty(url)){
@SuppressLint("HandlerLeak")
Handler mHandler = new Handler() {
public void handleMessage(android.os.Message msg) {
switch (msg.arg1) {
case 1:
Bundle bundle = msg.getData();
Bitmap bitmap1 = bundle.getParcelable("bitmap");
if (bitmap1 == null)
return;
byte[] chunk = bitmap1.getNinePatchChunk();
//判断当前是不是.9图 这里可以加else做相应的处理
if (NinePatch.isNinePatchChunk(chunk)) {
NinePatchDrawable npd = new NinePatchDrawable(context.getResources(), bitmap1, chunk, new Rect(), null);
llnickname.setBackground(npd);
llnickname.setPadding(DisplayUtil.dip2px(context,20),0,DisplayUtil.dip2px(context,20),0);
}
break;
}
}
};
//因为对.9图的处理需要用到bitmap,所以这里开启子线程转成bitmap,再用handle传输
new Thread(new Runnable() {
@Override
public void run() {
URL imageurl = null;
try {
imageurl = new URL(url);
} catch (MalformedURLException e) {
e.printStackTrace();
}
try {
HttpURLConnection conn = (HttpURLConnection) imageurl.openConnection();
conn.setDoInput(true);
conn.connect();
InputStream is = conn.getInputStream();
bitmap = BitmapFactory.decodeStream(is);
is.close();
Message message = new Message();
Bundle bundle = new Bundle();
bundle.putParcelable("bitmap", bitmap);
message.setData(bundle);
message.arg1 = 1;
mHandler.sendMessage(message);
} catch (IOException e) {
e.printStackTrace();
}
}
}).start();
}else {
llnickname.setBackground(null);
}
8、最后使用
Utils.setNinePathImage(context, llNickname, item.getUrl());
有个问题就是.9图也有适配问题 ,我用的是xx的图片去切.9,但是出来的效果在像素太低的手机上高度会比设计稿的大,只有用一个x的才符合,所以要么不去适配,要么后台返回多个尺寸 ,自己判断手机尺寸取对应值,要么.9放本地,我是跟后台产品ui都协商了,最终选择是不去适配 。