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

来源：互联网发布：mac 大文件上传编辑：程序博客网时间：2024/05/18 03:58

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

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

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

下边是例子代码：

1.MainActivity.java

public class MainActivity extends Activity {private LinearLayout horizontal_layout;ArrayList<String> arrayList = new ArrayList<String>();@Overrideprotected 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() {@Overridepublic 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

0 0