Android开发拖动条实现照片的切换

这篇博客展示了如何在Android应用中通过 SeekBar 实现图片的切换效果。通过监听 SeekBar 的进度改变事件,动态更新 ImageView 中显示的图片,并在 TextView 中显示当前图片的编号和剩余图片数量。
Android开发拖动条实现照片的切换

.xml

<LinearLayout 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:orientation="vertical"
    tools:context=".MainActivity" >

    <ImageView 
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/pic_0"/>
    
    <SeekBar 
        android:id="@+id/seekbar"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>
    
    <TextView 
        android:id="@+id/text"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>

</LinearLayout>

.java

package com.example.seekbardemo2;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ImageView;
import android.widget.SeekBar;
import android.widget.SeekBar.OnSeekBarChangeListener;
import android.widget.TextView;

public class MainActivity extends Activity {

private ImageView img=null;
private SeekBar seekbar=null;
private TextView text=null;
private int data[]=new int[]{
R.drawable.pic_0,R.drawable.pic_1,
R.drawable.pic_2,R.drawable.pic_3,
R.drawable.pic_4,R.drawable.pic_5,
R.drawable.pic_6,R.drawable.pic_7,
R.drawable.pic_8,R.drawable.pic_9
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
this.img=(ImageView) super.findViewById(R.id.img);
this.seekbar=(SeekBar) super.findViewById(R.id.seekbar);
this.seekbar.setMax(9);
this.text=(TextView) super.findViewById(R.id.text);
this.seekbar.setOnSeekBarChangeListener(new OnSeekBarChangeListenerImp());
}

public class OnSeekBarChangeListenerImp implements OnSeekBarChangeListener{
//拖动过程
public void onProgressChanged(SeekBar arg0, int arg1, boolean arg2) {
// TODO Auto-generated method stub
int cur=arg0.getProgress();
//设置显示的图片
MainActivity.this.img.setImageResource(MainActivity.this.data[cur]);
MainActivity.this.text.setText("当前第"+(cur+1)+"张"+" 还有"+(MainActivity.this.data.length-cur-1)+"张");
}
//刚开始拖动
public void onStartTrackingTouch(SeekBar arg0) {
// TODO Auto-generated method stub
}

public void onStopTrackingTouch(SeekBar arg0) {
// TODO Auto-generated method stub
}
}

}
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值