實現圖片水平滑動1(利用HorizontalScrollView)
阿新 • • 發佈:2019-01-24
本篇寫的是利用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