类似网易新闻首页的轮播图,写了个自创的框架

来源：互联网发布：红蜘蛛端口号怎么修改编辑：程序博客网时间：2024/06/06 18:28

1、首先写个UI，copy那个220dip的Relatelayout到你的工程中

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="mrzhou.com.viewpager_demo.MainActivity">    <RelativeLayout        android:layout_width="match_parent"        android:layout_height="220dip">        <android.support.v4.view.ViewPager            android:id="@+id/viewpager"            android:layout_width="match_parent"            android:layout_height="match_parent"/>        <LinearLayout            android:layout_width="match_parent"            android:layout_height="40dip"            android:layout_alignParentBottom="true"            android:layout_alignParentLeft="true"            android:layout_alignParentStart="true"            android:background="#66000000"            android:orientation="vertical">            <TextView                android:id="@+id/tv"                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:gravity="center"                android:paddingTop="5dip"                android:singleLine="true"                android:text="此图无描述..."                android:textColor="#fff"/>            <LinearLayout                android:id="@+id/ll_point_container"                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:layout_marginTop="5dip"                android:gravity="center"                android:orientation="horizontal">            </LinearLayout>        </LinearLayout>    </RelativeLayout></RelativeLayout>

2、然后配置一下权限，因为在点击图片的时候要跳转页面到网络上

<uses-permission android:name="android.permission.INTERNET"/>

3、把图片放到你的drawable目录下，（没有图片到下面地址下载，这个压缩包里面有几张图片）

并且到这个地方下载 http://pan.baidu.com/s/1sl5n9lr ，下载下来后

一个selector和两个shape的xml文件下载下来后放到drawable目录下

两个java文件放到你的工程src目录下

4、到这里基本差不多了，然后开始写主要代码了

import android.os.Bundle;import android.support.v4.view.ViewPager;import android.support.v7.app.AppCompatActivity;import android.view.Window;import android.widget.LinearLayout;import android.widget.TextView;public class MainActivity extends AppCompatActivity {    private ViewPager mViewpager;    private TextView mTv;    private LinearLayout mLl_point_container;    @Override    protected void onCreate(Bundle savedInstanceState) {        //去掉标题栏        requestWindowFeature(Window.FEATURE_NO_TITLE);        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        //初始化轮播图        init();    }    private void init() {        ViewPager_utils viewPager = new ViewPager_utils(MainActivity.this);        mViewpager = (ViewPager) findViewById(R.id.viewpager);        mTv = (TextView) findViewById(R.id.tv);        mLl_point_container = (LinearLayout) findViewById(R.id.ll_point_container);        //点击图片,跳转的网页地址        String[] url = {"http://baidu.com", "http://www.jd.com", "http://www.sina.com.cn/", "http://www.163.com/", "http://weixin.qq.com/"};        viewPager.initView(mViewpager, mTv, mLl_point_container, url);        //轮播图下面对应的简述        String[] sub = new String[]{"巩俐不低俗，我就不能低俗", "扑树又回来啦！再唱经典老歌引万人大合唱", "揭秘北京电影如何升级", "乐视网TV版大派送", "热血屌丝的反杀"};                //图片Id,尺寸宽度和高度  320dip:220dip 这么一个比值不容易失真        int[] img = new int[]{R.drawable.a, R.drawable.b, R.drawable.c, R.drawable.d, R.drawable.e};        viewPager.initData(sub, img);    }}

ok，大功告成

跑一下

大概是这样，一个小Demo,如果要从网络下载图片的话，三级缓存下来然后调一下即可

0 0