Android中的ImageView介绍及从网络/服务器加载点9图

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

参考 https://blog.csdn.net/qq_34203494/article/details/53905874

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都协商了,最终选择是不去适配 。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值