实现图片水平滑动1(利用HorizontalScrollView)

本篇写的是利用HorizontalScrollView实现图片或者文字布局的横向滑动。

HorizontalScrollView区别ScrollView是可以左右滑动,当布局显示超过屏幕宽度是可以滑动。

原理就是将需要滑动的布局动态添加到HorizontalScrollView包裹的布局中

下边是例子代码:

1.MainActivity.java

public class MainActivity extends Activity {

	private LinearLayout horizontal_layout;
	ArrayList<String> arrayList = new ArrayList<String>();
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		horizontal_layout = (LinearLayout) findViewById(R.id.horizontal_layout);
		//将需要滑动的布局动态添加到HorizontalScrollView包裹的布局中来实现滑动效果
		for (int i = 0; i < 10; i++) {
			View coupon_home_ad_item = LayoutInflater.from(this).inflate(
					R.layout.home_item, null);
			// 设置点击 点击跳转百度
			final String href = "http://www.baidu.com";
			if (!TextUtils.isEmpty(href)) {
				coupon_home_ad_item.setOnClickListener(new OnClickListener() {
					@Override
					public void onClick(View v) {
						Uri uri = Uri.parse(href);
						Intent intent = new Intent(Intent.ACTION_VIEW, uri);
						startActivity(intent);
					}
				});
			}
			horizontal_layout.addView(coupon_home_ad_item);
		}
	}
}

2.main.xml

<?xml version="1.0" encoding="UTF-8"?>
<HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ptr="http://schemas.android.com/apk/res-auto"
    android:id="@+id/coupon_home_ad_hv"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:scrollbars="none" >
    <LinearLayout
        android:id="@+id/horizontal_layout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="15dp"
        android:background="#dddddd"
        android:orientation="horizontal" >
    </LinearLayout>
</HorizontalScrollView>

3.home_item.xml

<?xml version="1.0" encoding="UTF-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ptr="http://schemas.android.com/apk/res-auto"
    android:id="@+id/coupon_home_ad_ll"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="10dp"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:layout_marginTop="10dp"
    android:gravity="center"
    android:orientation="horizontal" >
    <ImageView
        android:id="@+id/coupon_ad_iv"
        android:layout_width="120dp"
        android:layout_height="90dp"
        android:layout_margin="4dp"
        android:background="@drawable/ic_launcher"
        android:scaleType="centerCrop" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="点我"
        android:textColor="#000000"
        android:textSize="20sp" />
    <View
        android:layout_width="1dp"
        android:layout_height="90dp"
        android:background="#000000" />
</FrameLayout>

展示效果:



源码地址:http://download.csdn.net/detail/linder_qzy/9447870

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值