本篇写的是利用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