您好,登錄后才能下訂單哦!
這篇文章給大家介紹Android應(yīng)用中如何將圖片的單位進(jìn)行轉(zhuǎn)換,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對(duì)大家能有所幫助。
ImageSwitcher:
圖像查看器,好像是老組件了,今天先更一個(gè)基礎(chǔ)的組件,后期如果有時(shí)間繼續(xù)擴(kuò)展.
那么圖像查看器,就是和 Windows 系統(tǒng)下的圖片查看器比較類似.自帶上一張和下一張的功能.
這個(gè)組件有以下幾個(gè)特點(diǎn),本人感覺(jué):
1.該組件屬于容器性質(zhì);
2.ImageSwitcher 本身繼承了 FrameLayout, 也可以使用幀布局的一些屬性.
3.在使用 ImageSwitcher 的時(shí)候,必須實(shí)現(xiàn) ViewSwitcher.ViewFactory 的接口,然后通過(guò)復(fù)寫(xiě) makeView() 方法來(lái)創(chuàng)建用于顯示圖片的 ImageView,并且 makeView()方法返回一個(gè)顯示圖片的 ImageView.
4.圖片加載 ImageView 上的話,如果是本地資源的話,需要使用 setImageResource() 方法.
上面基本的原理大致描述清楚,下面上代碼
XML 布局文件,這里面只有2個(gè)按鈕和 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="上一張" /> <!-- 圖像轉(zhuǎn)換器--> <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 { //聲明并初始化一個(gè)保存顯示圖像id的數(shù)組 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}; //當(dāng)前顯示圖像的索引 private int index; //聲明一個(gè)圖像切換器對(duì)象; private ImageSwitcher imageSwitcher; private ImageView imageView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); //給圖像器所有圖像設(shè)置動(dòng)畫(huà)效果 //淡入動(dòng)畫(huà) imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in)); //淡出動(dòng)畫(huà) imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out)); //設(shè)置 imageSwitcher 的視圖切換工廠,復(fù)寫(xiě) makeView() 方法 imageSwitcher.setFactory(new ViewSwitcher.ViewFactory() { @Override public View makeView() { imageView = new ImageView(MainActivity.this); //設(shè)置圖片的尺寸,如何與這個(gè)ImageView 相匹配. //@parms FIT_CENTER 保持居中并且縮放圖像. imageView.setScaleType(ImageView.ScaleType.FIT_CENTER); //設(shè)置 imageView的位置/大小屬性. /** * 進(jìn)行Dp 和px 之間的轉(zhuǎn)換*/ int widpx = DisplayUtils.dip2px(MainActivity.this, 200); int heipx = DisplayUtils.dip2px(MainActivity.this, 200); imageView.setLayoutParams(new ImageSwitcher.LayoutParams( widpx, heipx)); //返回 imageView 對(duì)象 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); }
在寫(xiě)這個(gè)類的同時(shí),由于涉及到 DP<–>PX 之間,然后寫(xiě)了個(gè)工具類,下面是工具類
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 轉(zhuǎn)換為px 的工具類; * * */ public class DisplayUtils { /** * 將px值轉(zhuǎn)換為 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 值轉(zhuǎn)換為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 值轉(zhuǎn)換成 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 值轉(zhuǎn)換為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 相對(duì)于px 的換算比例 * 而系統(tǒng)也提供了TypedValue 類幫助轉(zhuǎn)換 * */ protected int dp2px(int dp,Context context){ //通過(guò)TypedValue工具類來(lái)進(jìn)行轉(zhuǎn)換 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()); } }
關(guān)于Android應(yīng)用中如何將圖片的單位進(jìn)行轉(zhuǎn)換就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。