做一个上下翻页图片的功能day1.2

2019独角兽企业重金招聘Python工程师标准>>>

1、在res/layout布局该功能的界面
//该界面有2个按钮 上页按钮 和下页按钮 在容器的底部中间
//按钮上面是 一个ImageView 放图片的 控件

布局界面的代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#808080" >

    <TextView
        android:id="@+id/textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="请欣赏"
        android:textColor="#99cc33"
        android:textSize="30sp"
        />
    <ImageView
            android:id="@+id/image"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/textview"
            android:layout_alignParentLeft="true"
            android:scaleType="centerCrop"  
        />
    <LinearLayout
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:orientation="horizontal"
       android:layout_alignParentBottom="true"
       android:layout_centerInParent="true"
        >
        <Button
        android:id="@+id/b_page_up"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="30dp"
        android:text="上一页"
        android:textColor="#d26911"
        android:textSize="25sp"
        />
         <Button
        android:id="@+id/b_page_down"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
  
        android:text="下一页"
        android:textColor="#d26911"
        android:textSize="25sp"
        />
     
    </LinearLayout>
      
      

</RelativeLayout>

-----------------------------------------
2、在res/values 里建一个 imagearray.xml文件
//用一个数组把图片 装起来

代码

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <array name="pictrues">
        <item >@drawable/1</item>
        <item >@drawable/2</item>
        <item >@drawable/3</item>
        <item >@drawable/4</item>
        <item >@drawable/5</item>
        <item >@drawable/6</item>
        <item >@drawable/7</item>
        </array>
</resources>

------------------------------------------
3、在MainActivity里面 写实现 该 功能的 代码

代码

 public class MainActivity extends Activity {

//声明 控件的 对象
private ImageView image_num;
private TypedArray array_image;
private Button b_up;
private Button b_down;
private int image = 0;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  image_num =  (ImageView) this.findViewById(R.id.image);
//通过getResources()方法.obtainTypedArray()来找到 数组文件
//然后通过R.array.数组的名字 来找到该数组
  array_image = getResources().obtainTypedArray(R.array.pictrues);

  b_down = (Button) this.findViewById(R.id.b_page_down);
  b_up = (Button) this.findViewById(R.id.b_page_up);
//监听setOnClickListener()
  b_down.setOnClickListener(new OnClickListener() {
   
   @Override
   public void onClick(View arg0) {
    // TODO Auto-generated method stub
    if(image == 6){
     image = 0;
    }
//先用保存图片的数组对象.getDrawable()来获取图片
//image 为数组的下标
//然后把获取到的图片 设置到 ImageView 里显示
//用ImageView对象.setImageDrawable()方法来设置 显示图片
   image_num.setImageDrawable(array_image.getDrawable(image));
   image++;
     
    
   }
  });
 //上一页 
  b_up.setOnClickListener(new OnClickListener() {
   
   @Override
   public void onClick(View arg0) {
    // TODO Auto-generated method stub
//判断是否到第一页 到第一页 就把 最后一页的 下标 赋值给image
   if(image == 0){
    image = 13;
   }
   image_num.setImageDrawable(array_image.getDrawable(image));
   image--;
    
   }
  });
 }
}

转载于:https://my.oschina.net/u/2542711/blog/600111