欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android 图片切换器(dp、sp、px) 的单位转换器

程序员文章站 2022-06-14 09:33:19
android 图片切换器 这几天一直在整理组件想留着以后使用.还是一点一点整理吧.今天把上周整理的 imageswitcher 和单位转换器(dp/sp/px)....

android 图片切换器

这几天一直在整理组件想留着以后使用.还是一点一点整理吧.今天把上周整理的 imageswitcher 和单位转换器(dp/sp/px).

下面上内容

imageswitcher:

图像查看器,好像是老组件了,今天先更一个基础的组件,后期如果有时间继续扩展.

那么图像查看器,就是和 windows 系统下的图片查看器比较类似.自带上一张和下一张的功能.

这个组件有以下几个特点,本人感觉:

1.该组件属于容器性质;

Android 图片切换器(dp、sp、px) 的单位转换器

2.imageswitcher 本身继承了 framelayout, 也可以使用帧布局的一些属性.

3.在使用 imageswitcher 的时候,必须实现 viewswitcher.viewfactory 的接口,然后通过复写 makeview() 方法来创建用于显示图片的 imageview,并且 makeview()方法返回一个显示图片的 imageview.

4.图片加载 imageview 上的话,如果是本地资源的话,需要使用 setimageresource() 方法.

上面基本的原理大致描述清楚,下面上代码

xml 布局文件,这里面只有2个按钮和 imageswitcher 的组件

<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/layout"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:gravity="center"
  android:orientation="horizontal">

  <button
    android:id="@+id/up_btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="上一张" />

  <!-- 图像转换器-->
  <imageswitcher
    android:id="@+id/main_imageswitcher"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center" />

  <button
    android:id="@+id/down_btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="下一张" />

</linearlayout>

java 代码

public class mainactivity extends appcompatactivity {
  //声明并初始化一个保存显示图像id的数组
  private int[] imageid = new int[]{r.mipmap.weathericon_graph_01, r.mipmap.weathericon_graph_02, r.mipmap.weathericon_graph_03, r.mipmap.weathericon_graph_04, r.mipmap.weathericon_graph_05};
  //当前显示图像的索引
  private int index;
  //声明一个图像切换器对象;
  private imageswitcher imageswitcher;
  private imageview imageview;

  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.activity_main);
    initview();
    //给图像器所有图像设置动画效果
    //淡入动画
    imageswitcher.setinanimation(animationutils.loadanimation(this, android.r.anim.fade_in));
    //淡出动画
    imageswitcher.setoutanimation(animationutils.loadanimation(this, android.r.anim.fade_out));
    //设置 imageswitcher 的视图切换工厂,复写 makeview() 方法
    imageswitcher.setfactory(new viewswitcher.viewfactory() {
      @override
      public view makeview() {
        imageview = new imageview(mainactivity.this);
        //设置图片的尺寸,如何与这个imageview 相匹配.
        //@parms fit_center 保持居中并且缩放图像.
        imageview.setscaletype(imageview.scaletype.fit_center);
        //设置 imageview的位置/大小属性.

        /**
         * 进行dp 和px 之间的转换*/
        int widpx = displayutils.dip2px(mainactivity.this, 200);
        int heipx = displayutils.dip2px(mainactivity.this, 200);


        imageview.setlayoutparams(new imageswitcher.layoutparams(
            widpx,
            heipx));
        //返回 imageview 对象
        return imageview;
      }
    });
    //使 imageswitcher 获得显示的图片
    imageswitcher.setimageresource(imageid[index]);

    findviewbyid(r.id.up_btn).setonclicklistener(new view.onclicklistener() {
      @override
      public void onclick(view v) {
        if (index > 0) {
          index--;
        } else {
          index = imageid.length - 1;
        }
        imageswitcher.setimageresource(imageid[index]);
      }
    });

    findviewbyid(r.id.down_btn).setonclicklistener(new view.onclicklistener() {
      @override
      public void onclick(view v) {
        if (index < imageid.length - 1) {
          index++;
        } else {
          index = 0;
        }
        imageswitcher.setimageresource(imageid[index]);
      }
    });


  }

  private void initview() {
    imageswitcher = (imageswitcher) findviewbyid(r.id.main_imageswitcher);
  }

在写这个类的同时,由于涉及到 dp<–>px 之间,然后写了个工具类,下面是工具类

package com.lanouteam.dllo.imageswitcherdemo;

import android.content.context;
import android.util.typedvalue;

import java.util.treeset;

/**
 * created by dllo on 16/4/4.
 * dp/sp 转换为px 的工具类;
 *
 *
 */
public class displayutils {
  /**
   * 将px值转换为 dip 或者dp 值,保证尺寸大小不变.
   *
   * @param px value
   * @param scale
   *       (displaymetrics类中属性 density)
   *       density 就是px 向 dp或sp的换算比例
   *
   * @return
   * */

  public static int px2dip(context context,float pxvalue){
    final float scale =context.getresources().getdisplaymetrics().density;
    return (int) (pxvalue/scale +0.5f);
  }

  /**
   * 将 px 值转换为dp 或者 dip 值,保证尺寸大小不变
   * @param dipvalue
   * @param scale
   *        (displaymetrics类中属性 density)
   * @return
   * */
  public static int dip2px(context context ,float dipvalue){
    final float scale =context.getresources().getdisplaymetrics().density;
    return (int) (dipvalue*scale+0.5f);
  }

  /**
   * 将px 值转换成 sp值,保证文字大小不变
   *
   * @param pxvalue
   * @param fontscale
   *       (displaymetrics类中属性 density)
   * @return
   * */

  public static int px2sp(context context,float pxvalue){
    final float fontscale =context.getresources().getdisplaymetrics().density;
    return (int) ((pxvalue/fontscale)+0.5f);
  }

  /**
   * 将 px 值转换为dp 或者 dip 值,保证尺寸大小不变
   * @param dipvalue
   * @param scale
   *        (displaymetrics类中属性 density)
   * @return
   * */
  public static int sp2dip(context context ,float spvalue){
    final float scale =context.getresources().getdisplaymetrics().density;
    return (int) (spvalue*scale+0.5f);
  }


  /**
   * density 是dp 和sp 相对于px 的换算比例
   * 而系统也提供了typedvalue 类帮助转换
   * */
  protected int dp2px(int dp,context context){
    //通过typedvalue工具类来进行转换
    return (int) typedvalue.applydimension(typedvalue.complex_unit_dip,dp,context.getresources().getdisplaymetrics());
  }

   protected int sp2px(int sp,context context){
     return (int) typedvalue.applydimension(typedvalue.complex_unit_sp,sp,context.getresources().getdisplaymetrics());
   }

}

有了这个在 java 代码中,转换代码就比较方便了.

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!