Android–ViewPager实现滑动广告
来介绍一下如何去做一个滑动广告
xml代码:
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<androidx.viewpager.widget.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_height="180dp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:background="#44000000"
android:layout_alignBottom="@+id/viewpager"
android:padding="5dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="美国队长3"
android:textColor="#ffffff"
android:layout_gravity="center"
android:id="@+id/tv_name"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_gravity="center_horizontal"
android:id="@+id/ll_point"/>
</LinearLayout>
</RelativeLayout>
首先,因为我们的广告底部是一行文字和点;所以我们用采用整体使用相对布局,之后有一点要注意的是:Viewpager是v4包里的,还有一点就是:高度的设置尽量别设置“自适应”,因为有可能不显示。所以我们指定一个高度(180dp)。
之后,我们的广告下方有导航点和文字,用一个线性布局将其放在指定viewpager的下方,颜色为:灰色;
Java代码:
先把整段代码发出来,再将每块代码逐一分析:
public class MainActivity extends AppCompatActivity {
private ViewPager viewPager;
private LinearLayout ll_point;
private TextView tv_name;
private ArrayList<ImageView> pictures;
private final int[] imageId = {
R.drawable.a, R.drawable.b};
private final String[] imageName={
"图片a","图片b"};
/**
* 上一次高亮的位置
*/
private int prePosition