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< 主站蜘蛛池模板： 建水县| 高州市| 广安市| 樟树市| 嵊泗县| 泌阳县| 淳化县| 克东县| 甘德县| 马龙县| 龙游县| 铜鼓县| 彝良县| 德昌县| 门源| 禹州市| 论坛| 连州市| 高唐县| 如皋市| 临桂县| 长沙市| 九龙坡区| 来凤县| 南涧| 巴彦县| 商洛市| 丹凤县| 威海市| 新沂市| 高陵县| 南涧| 类乌齐县| 始兴县| 桦川县| 图木舒克市| 四会市| 吉安县| 永清县| 宁化县| 东乡县|