1. 程式人生 > >實現圖片水平滑動1(利用HorizontalScrollView)

實現圖片水平滑動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