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

 更新时间:2017年03月31日 10:00:47   作者:Vander丶  
这篇文章主要介绍了Android 图片切换器(dp、sp、px) 的单位转换器的相关资料,需要的朋友可以参考下

Android 图片切换器

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

下面上内容

ImageSwitcher:

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

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

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

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


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 代码中,转换代码就比较方便了.

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

相关文章

  • Android实现歌曲播放时歌词同步显示具体思路

    Android实现歌曲播放时歌词同步显示具体思路

    歌曲播放时歌词同步显示,我们需要读取以上歌词文件的每一行转换成成一个个歌词实体,可根据当前播放器的播放进度与每句歌词的开始时间,得到当前屏幕中央高亮显示的那句歌词
    2013-06-06
  • 使用CMake构建OpenCV项目过程解析

    使用CMake构建OpenCV项目过程解析

    这篇文章主要介绍了使用CMake构建OpenCV项目过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-11-11
  • Android RecylerView入门教程

    Android RecylerView入门教程

    这篇文章主要介绍了Android RecylerView入门教程的相关资料,很适合刚入门的新手学习,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • android获取当前接入点信息判断是ctwap还是ctnet实例代码

    android获取当前接入点信息判断是ctwap还是ctnet实例代码

    这篇文章主要介绍了android获取当前接入点信息判断是ctwap还是ctnet的方法,大家参考使用吧
    2013-11-11
  • Android permission denied原因归纳和解决办法

    Android permission denied原因归纳和解决办法

    大家好,本篇文章主要讲的是Android permission denied原因归纳和解决办法,感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下哦
    2021-12-12
  • Android 中使用EditText 点击全选再次点击取消全选功能

    Android 中使用EditText 点击全选再次点击取消全选功能

    这篇文章主要介绍了Android 中使用EditText 点击全选再次点击取消全选功能,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2016-12-12
  • Android开发之Service用法实例

    Android开发之Service用法实例

    这篇文章主要介绍了Android开发之Service用法,实例分析了Android中Service的功能及使用技巧,需要的朋友可以参考下
    2015-05-05
  • Android使用多线程实现断点下载

    Android使用多线程实现断点下载

    这篇文章主要介绍了Android使用多线程实现断点下载,多线程下载是加快下载速度的一种方式,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • Andriod Service与Thread的区别介绍

    Andriod Service与Thread的区别介绍

    我们要明确Service是运行在主线程的,不能有耗时操作,这样,在Service中处理耗时操作的时候,我们依然需要使用线程来处理,既然在Service里也要创建一个子线程,那为什么不直接在Activity里创建呢,下面通过本文给大家介绍Andriod Service与Thread的区别,一起看看吧
    2017-04-04
  • Android断点续传下载器JarvisDownloader的示例

    Android断点续传下载器JarvisDownloader的示例

    本篇文章主要介绍了Android断点续传下载器JarvisDownloader的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05

最新评论