博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
做一个上下翻页图片的功能day1.2
阅读量:6585 次
发布时间:2019-06-24

本文共 3059 字,大约阅读时间需要 10 分钟。

hot3.png

1、在res/layout布局该功能的界面

//该界面有2个按钮 上页按钮 和下页按钮 在容器的底部中间
//按钮上面是 一个ImageView 放图片的 控件

布局界面的代码

<RelativeLayout xmlns:android=""

    xmlns: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

你可能感兴趣的文章
LAMP - Apache访问控制
查看>>
七日Python之路--第三天(之初试Django 2-2)
查看>>
cannot find a valid baseurl for repo base centos 6
查看>>
邮件服务器持续发展需注重个性化服务
查看>>
我的友情链接
查看>>
java读取Excel文件
查看>>
mac使用笔记
查看>>
日期时间工具类
查看>>
Cisco Packet Tracer 7.0 简单的使用教程
查看>>
GRE 6to4实验
查看>>
C#读写文件:十进制转十六进制
查看>>
GitHub使用
查看>>
Putty server refused our key的三种原因和解决方法
查看>>
DataUml Design 教程4-代码生成
查看>>
CentOS 6.4 服务器版安装教程
查看>>
关于使用一个5升容器和一个6升容器量出3升水的一点解决办法
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
get,put,post,delete含义与区别
查看>>