這幾天一直在整理組件想留着以後使用.還是一點一點整理吧.今天把上週整理的 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 之間,然後寫了個工具類,當做複習了,這個類是之前參考 hongyang 大神的一篇博客的,大家有時間可以查查.
下面是工具類
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 代碼中,轉換代碼就比較方便了.
博外話:
我現在來說對於安卓領域是個純新手,寫這些博客本意是方便以後工作過程中,遇到問題不知所措,放在博客上面,方便以後查閱.也希望對於和剛剛接觸安卓的我,會有很大的幫助.