Android APP 开发首屏广告方案解析

很多APP应用喜欢在首屏显示大广告效果，这样可以在启动APP还没连上网络时不会显示那么空白，还可以增加广告效果。本文我们来分享一下这样子的功能在Android开发中如何实现。

本文我们分享一个Android APP 首屏广告示例, 这里我们主要讲的是实现原理及一些页面的架构，代码只能作参考。

广告需求图:

1. 显示本地存储广告图片, 点击图片, 跳转广告链接, 并提供微信分享功能.
2. 异步下载广告信息, 提高启动速度; 异步下载并保存广告和分享图片, 提高加载速度.

开发过程中, 使用了一些小技巧, 我会详细讲解注意的要点, 包括:
(1) 使用RxAndroid库, 在新线程上做异步下载广告信息.
(2) 使用Picasso库, 异步下载图片(Bitmap)并存储至本地.
(3) 使用原生Handler类, 实现计时器功能, 按秒跳转数字.
(4) 使用WebView视图, 加载广告链接, 并提供分享功能.

1. 下载广告

在欢迎页面中, 启动一个异步线程, 加载广告信息, 提高启动速度, 防止网速过慢导致切换卡顿.

// 异步广告信息
private void AsyncCheckInfo() {
    // 异步线程处理监听, 在新线程上监听, 发送到主线程
    Observableobservable = Observable.create(new Observable.OnSubscribe() {
        @Override
        public void call(Subscriber subscriber) {
            subscriber.onNext(checkInfo());
            subscriber.onCompleted();
        }
    }).subscribeOn(Schedulers.newThread()).observeOn(AndroidSchedulers.mainThread());

    // 成功回调
    observable.subscribe(new Subscriber() {
        @Override
        public void onCompleted() {
            Log.i(TAG, "onCompleted");
        }

        @Override
        public void onError(Throwable e) {
        }

        @Override
        public void onNext(String s) {
            Log.i(TAG, "onNext");
        }
    });
}

在新线程(newThread)中加载, 完成后发送到主线程(mainThread). 参考.

判断网络, 在有网的时候, 加载广告信息; 在无网的时候, 直接略过.

// 加载广告信息
public String checkInfo() {
    if (NetUtils.isNetworkConnected(ChunyuApp.getAppContext())) {
        UpdateUtils.checkDailyInfo(WelcomeActivity.this, mDailyRequestCallback);
        return "Begin to load info.";
    } else {
        return "Stop to load info";
    }
}

在UpdateUtils.checkDailyInfo中, 解析广告请求的返回值. 如果包含广告信息, 则存储在首选项(SharedPreference)中, 下次启动广告直接读取; 如果不包含广告信息, 则设置无数据标记, 在使用时判定无广告.
最后调用回调接口mDailyRequestCallback继续处理.

ArrayListadverts = version.advert;
if (adverts.size() > 0) {
    for (int i = 0; i < adverts.size(); ++i) {
        Advert advert = adverts.get(i);
        if (advert.Number == 1) { // Number等于0是广告
            PedometerAdManager.getInstance().init(advert);
        }
    }
} else {
    Log.e(TAG, "广告是空");
    SharedPreferences sp =
            PreferenceManager.getDefaultSharedPreferences(ChunyuApp.getAppContext());
    sp.edit().putBoolean(WelcomeActivity.FIRST_AD_IS_HAVE_PREFS, false).apply();
}


2. 存储图片

已经存储广告信息之后, 即可获得图片下载链接, 为了提高显示速度, 下载图片存储在本地. 因为下载属于网络请求, 需要异步处理, 本文使用Picasso库, 没有发明轮子.

// 日常信息回调
private final UpdateUtils.DailyRequestCallback mDailyRequestCallback
        = new UpdateUtils.DailyRequestCallback() {
    @Override
    public void operationExecutedSuccess() {
        if (mAdManager.getImageUrl() != null && !mAdManager.getImageUrl().isEmpty())
            Picasso.with(WelcomeActivity.this).
                    load(mAdManager.getImageUrl()).into(mAdImageTarget);

        if (mAdManager.getShareIcon() != null && !mAdManager.getShareIcon().isEmpty())
            Picasso.with(WelcomeActivity.this).
                    load(mAdManager.getShareIcon()).into(mAdShareImageTarget);
    }

    @Override
    public void operationExecutedFailed() {
        Log.e(TAG, "operationExecutedFailed");
    }
};

// 广告图片
private Target mAdImageTarget = new Target() {
    @Override
    public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) {
        String path = FileUtility.savePic(bitmap);
        mPrefs.edit().putString(FIRST_AD_PATH_PREFS, path).apply();
    }

    @Override public void onBitmapFailed(Drawable errorDrawable) {

    }

    @Override public void onPrepareLoad(Drawable placeHolderDrawable) {

    }
};

// 分享Icon
private Target mAdShareImageTarget = new Target() {
    @Override
    public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) {
        String path = FileUtility.savePic(bitmap);
        mPrefs.edit().putString(FIRST_AD_SHARE_IMAGE_URL_PREFS, path).apply();
    }

    @Override public void onBitmapFailed(Drawable errorDrawable) {
    }

    @Override public void onPrepareLoad(Drawable placeHolderDrawable) {

    }
};

在页面暂停时, 移除Picasso的请求线程.

@Override
protected void onPause() {
    MobclickAgent.onPause(this);
    handler.removeCallbacks(runnable); // 停止
    Picasso.with(this).cancelRequest(mAdImageTarget); // 停止
    Picasso.with(this).cancelRequest(mAdShareImageTarget); // 停止
    super.onPause();
}

注意: 在Picasso中, Target是和ImageView控件弱绑定, 在销毁ImageView时, 会随之销毁. 如果未提供ImageView控件, 需要手动销毁请求, 如在onPause中取消. 否则会出现下载异常. 参考.

3. 显示广告

首先Logo页显示LOGO_TIME秒, 再判断显示引导(首次启动)或显示广告.
显示广告是使用存储在首选项(SharedPreference)中的数据, 图片使用本地资源解析, 提高显示速度.

// 显示启动信息
private void showLaunchInfo() {
    // 显示一段时间的主屏Logo
    new Handler().postDelayed(this::showAdInfo, LOGO_TIME);
}

// 显示广告信息
private void showAdInfo() {
    // 判断是否有广告
    if (mPrefs.getBoolean(FIRST_AD_IS_HAVE_PREFS, false)) {
        Log.e(TAG, "包含广告");
        String path = mPrefs.getString(FIRST_AD_PATH_PREFS, "");
        if (!path.isEmpty()) {
            int time = mPrefs.getInt(FIRST_AD_TIME_PREFS, 0);
            Bitmap bitmap = BitmapFactory.decodeFile(path);
            Log.e(TAG, "time: " + time);
            showAdImage(bitmap, time);
            if (!NetUtils.isNetworkConnected(ChunyuApp.getAppContext())) {
                mIvWebImage.setClickable(false);
            }
        } else {
            gotoOtherActivity();
        }
    } else {
        gotoOtherActivity();
    }
}


显示的广告使用上次网络请求的存储数据, 也可能是本次网络请求的, 主要取决于在LOGO_TIME时间中, 是否下载完成启动信息, 并存储至本地.

4. 广告计时器

在广告图片显示时, 提供倒计时器, 按秒跳时, 提供跳过按钮直接跳过广告.

// 显示广告
private void showAdImage(Bitmap bitmap, int time) {
    mIvWebImage.setVisibility(View.VISIBLE);
    mTvSkip.setVisibility(View.VISIBLE);
    mTvSkip.setOnClickListener(v -> gotoOtherActivity());
    mIvBackground.setVisibility(View.INVISIBLE);
    mIvFirstLogo.setVisibility(View.INVISIBLE);

    mIvWebImage.setImageBitmap(bitmap);
    mAdTime = time + 2;
    handler.post(runnable); // 设置读秒
}

// 设置读秒器
private int s = 0; // 时间Delay
private final Handler handler = new Handler();
private final Runnable runnable = new Runnable() {
    @Override
    public void run() {
        // handler自带方法实现定时器
        try {
            handler.postDelayed(this, 1000);

            if (s < 1) {
                s++;
                return;
            }

            if (s <= (mAdTime - 1)) {
                mTvSkip.setText(String.valueOf("跳过\n"
                        + Integer.toString((mAdTime - 1) - (s++)) + "秒"));
            }

            // 计时器为0时, 开始跳转
            if (s == mAdTime) {
                gotoOtherActivity();
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
};

广告时间额外显示两秒, 提供页面跳转间隔, 前一秒后一秒, 保证广告时间充足.

在广告页跳转或页面结束时, 删除计时回调.

// 跳转到现实广告的视图
public void gotoShowAdView(View view) {
    NV.o(this, AdvertisementActivity.class);
    handler.removeCallbacks(runnable);
    finish();
}

@Override
protected void onPause() {
    MobclickAgent.onPause(this);
    handler.removeCallbacks(runnable); // 停止
    Picasso.with(this).cancelRequest(mAdImageTarget); // 停止
    Picasso.with(this).cancelRequest(mAdShareImageTarget); // 停止
    super.onPause();
}

本文使用handler类, 循环调用计时, 必须在离开页面时, 清除runnable回调. 否则会遗忘线程泄露内存.

5. 链接页面

点击广告图片, 会跳转至广告链接, 根据参数设置全屏或者提供分享功能, 把链接分享至微信. 微信分享需要标题, 内容, 图标(Icon), 其中图片是从服务器下载后预存在本地.

/**
 * 广告Activity
 *

 * Created by wangchenlong on 15/12/2.
 */
public class AdvertisementActivity extends PActivity {

    @SuppressWarnings("unused")
    private static final String TAG = "DEBUG-WCL: "
            + AdvertisementActivity.class.getSimpleName();

    @Bind(R.id.advertise_pwv_container) PedoWebView mPwvContainer;
    @Bind(R.id.advertise_ll_back_home) LinearLayout mLlBackHome;
    @Bind(R.id.advertise_ll_send_session) LinearLayout mLlSendSession;
    @Bind(R.id.advertise_ll_send_timeline) LinearLayout mLlSendTimeline;
    @Bind(R.id.advertise_ll_action_bar) LinearLayout mLlActionBar;

    private SharedPreferences mPrefs;
    private int mFlag; // 判断分享地点

    private static final int WECHAT_SESSION = 0;    // 微信对话
    private static final int WECHAT_TIMELINE = 1;   // 朋友圈

    @Override protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_advertisement);
        ButterKnife.bind(this);

        mPrefs = PreferenceManager.getDefaultSharedPreferences(ChunyuApp.getAppContext());

        ActionBar actionBar = getSupportActionBar();
        if (actionBar != null)
            actionBar.setDisplayHomeAsUpEnabled(true);

        // 是否全屏
        if (mPrefs.getBoolean(WelcomeActivity.FIRST_AD_IS_FULL_PREFS, false)) {
            mLlActionBar.setVisibility(View.GONE);
        } else {
            mLlBackHome.setOnClickListener(v -> {
                NV.o(this, PedometerActivity.class);
                finish();
            });

            // 是否分享
            if (mPrefs.getBoolean(WelcomeActivity.FIRST_AD_IS_SHARE_PREFS, false)) {
                mLlSendSession.setOnClickListener(v -> {
                    mFlag = WECHAT_SESSION;
                    shareWechat();
                });
                mLlSendTimeline.setOnClickListener(v -> {
                    mFlag = WECHAT_TIMELINE;
                    shareWechat();
                });
            } else {
                mLlSendSession.setVisibility(View.GONE);
                mLlSendTimeline.setVisibility(View.GONE);
            }
        }

        mPwvContainer.loadUrl(mPrefs.getString(WelcomeActivity.FIRST_AD_URL_PREFS, ""));
    }

    // 分享到微信
    public void shareWechat() {
        IWXAPI wxapi =
                WXAPIFactory.createWXAPI(ChunyuApp.getAppContext(), SNSConst.WX_APP_ID_ONLINE, true);
        wxapi.registerApp(SNSConst.WX_APP_ID_ONLINE);

        WXWebpageObject webpage = new WXWebpageObject();
        webpage.webpageUrl = mPrefs.getString(WelcomeActivity.FIRST_AD_URL_PREFS, "");
        WXMediaMessage msg = new WXMediaMessage(webpage);
        msg.title = mPrefs.getString(WelcomeActivity.FIRST_AD_SHARE_TITLE_PREFS, "");
        msg.description = mPrefs.getString(WelcomeActivity.FIRST_AD_SHARE_CONTENT_PREFS, "");

        String path = mPrefs.getString(WelcomeActivity.FIRST_AD_SHARE_IMAGE_URL_PREFS, "");
        if (!path.isEmpty()) {
            Bitmap bitmap = BitmapFactory.decodeFile(path);
            if (bitmap != null) {
                msg.setThumbImage(bitmap);
            } else {
                msg.setThumbImage(BitmapFactory.decodeResource(getResources(), R.drawable.icon));
            }
            SendMessageToWX.Req req = new SendMessageToWX.Req();
            req.transaction = String.valueOf(System.currentTimeMillis());
            req.message = msg;
            req.scene = ((mFlag == 0) ?
                    SendMessageToWX.Req.WXSceneSession : SendMessageToWX.Req.WXSceneTimeline);
            wxapi.sendReq(req);
        }
    }

    @Override public void onBackPressed() {
        if (mPwvContainer.canGoBack()) {
            mPwvContainer.goBack();
        } else {
            NV.o(this, PedometerActivity.class);
            finish();
        }
    }
}

调用后退按钮(onBackPressed): 在网页跳转多页时, 返回上一页; 在首页时, 退出广告页面, 跳转主页. 微信分享的图标(Icon), 最好使用方形全图, 否则透明部分会被黑色替代, 服务器提供图片时需要注意.

下面我们来为各位以图文的形式给各位介绍一篇关于android studio、eclipse分别导入新浪微博 Android sdk 第三方登录demo的例子。 下拉刷新在手机中我们常了，几乎所有的app都具备了一个下拉刷新页面的功能了，那么我们一起来看安卓中下拉刷新实现方法。

一直用的下拉刷新库就是android-Ultra-Pull-to-Refresh，本身这个库就带有几种样式的下拉刷新头部，大家可以去git看一下，地址https://github.com/liaohuqiu/android-Ultra-Pull-To-Refresh。最为方便的是我们可以自己定制各式各样的头部。最近项目有个自定义的下拉头部，自己研究了一下。实现效果是：

我们要做的就是自己写一个样式xml文件，然后实现PtrUIHandler这个接口，代码如下：

public class LoadMoreFooterView extends FrameLayout implements PtrUIHandler {
    private LayoutInflater inflater;
 
    // 下拉刷新视图（头部视图）
    private ViewGroup headView;
 
    // 下拉刷新文字
    private TextView tvHeadTitle;
 
    // 下拉图标
    private ImageView ivWindmill;
 
  //  private WindmillDrawable drawable;
 
    public LoadMoreFooterView(Context context) {
        this(context, null);
    }
 
    public LoadMoreFooterView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }
 
    public LoadMoreFooterView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }
 
    /**
     * 初始化
     *
     * @param context
     */
    private void init(Context context) {
 
        inflater = LayoutInflater.from(context);
        /**
         * 头部
         */
        headView = (ViewGroup) inflater.inflate(R.layout.widget_header, this, true);
        ivWindmill = (ImageView) headView.findViewById(R.id.iv_windmill);
        tvHeadTitle = (TextView) headView.findViewById(R.id.tv_head_title);
        ivWindmill.setVisibility(VISIBLE);
        ivWindmill.setImageResource(R.mipmap.icon_logo);
        tvHeadTitle.setText("下拉刷新");
 
    }
 
    @Override
    public void onUIReset(PtrFrameLayout ptrFrameLayout) {
        tvHeadTitle.setText("下拉刷新");
 
    }
 
    @Override
    public void onUIRefreshPrepare(PtrFrameLayout ptrFrameLayout) {
        tvHeadTitle.setText("下拉刷新");
    }
 
    @Override
    public void onUIRefreshBegin(PtrFrameLayout ptrFrameLayout) {
        tvHeadTitle.setText("正在刷新");
 
    }
 
    @Override
    public void onUIRefreshComplete(PtrFrameLayout ptrFrameLayout) {
        ivWindmill.clearAnimation();
        tvHeadTitle.setText("刷新完成");
    }
 
    @Override
    public void onUIPositionChange(PtrFrameLayout frame, boolean isUnderTouch, byte status, PtrIndicator ptrIndicator) {
        final int mOffsetToRefresh = frame.getOffsetToRefresh();
        final int currentPos = ptrIndicator.getCurrentPosY();
        final int lastPos = ptrIndicator.getLastPosY();
 
        if (currentPos &lt; mOffsetToRefresh &amp;&amp; lastPos &gt;= mOffsetToRefresh) {
            if (isUnderTouch &amp;&amp; status == PtrFrameLayout.PTR_STATUS_PREPARE) {
                tvHeadTitle.setText("下拉刷新");
            }
        } else if (currentPos &gt; mOffsetToRefresh &amp;&amp; lastPos &lt;= mOffsetToRefresh) {
            if (isUnderTouch &amp;&amp; status == PtrFrameLayout.PTR_STATUS_PREPARE) {
                tvHeadTitle.setText("松开刷新");
            }
        }
 
    }
 
}

使用：

 

/* 创建自定义刷新头部view */
LoadMoreFooterView header = new LoadMoreFooterView(this);
/* 设置刷新头部view */
ptr_view.setHeaderView(header);
/* 设置回调 */
ptr_view.addPtrUIHandler(header);
ptr_view.setPtrHandler(new PtrHandler() {
    @Override
    public boolean checkCanDoRefresh(PtrFrameLayout frame, View content, View header) {
        return PtrDefaultHandler.checkContentCanBePulledDown(frame, content, header);
    }
 
    @Override
    public void onRefreshBegin(PtrFrameLayout frame) {
        ptr_view.postDelayed(new Runnable() {
            @Override
            public void run() {
              
                getdata();
            }
        }, 2000);
    }
});
    /* 延时100秒,自动刷新 */
ptr_view.postDelayed(new Runnable() {
    @Override
    public void run() {
        ptr_view.autoRefresh();
    }
}, 100);

做安卓开发的朋友我相信对于Navigationview肯定不陌生了，今天我们一起来看看Navigationview例子吧。

最近在研究侧滑菜单时发现了一些问题，如果你之前没有接触过肯定会去百度，而我也看了很多demo，相信大家看到的例子都是下面那样布局的

headerLayout加载头布局，menu加载菜单，这样就组成了一个完整的菜单，那么问题来了，menu的点击事件网上都贴出来了，很简单，那么头部呢？你可能会无从下手，那么只有看源码了，NavigationView 中有inflateHeaderView这个方法，看到这个方法你肯定就会觉得是通过这个方法加载头布局，好吧，现在方法有了，但是当你通过这个方法加载时会发现菜单中出现了两个头布局，很显然是加载了两次，第一次就是在布局文件中指定了headerLayout，当你滑动菜单时就会加载这个头布局，第二次是你在代码中又加载了一次。所以会出现两个布局。只要将布局中的headerLayout那行代码删除就可以实现你要的效果。下面给出绑定头部布局的代码

//布局文件
<android.support.design.widget.NacigationView
android:layout_width="wrap_content"
android:layout_height="match_parent"
andriod:layout_gravity="start"
app:headerLayout="@layout/drawer_header"
app:menu="@menu/drawer"/>
 
//绑定侧滑菜单headerlayout布局，
 
View drawview = nav_view.inflateHeaderView(R.layout.view_leftmenu);
ImageView user_pic = (ImageView) drawview.findViewById(R.id.imag_user_pic);
通过NavigationView 来加载头布局后再进行控件绑定就可以解决问题。

在Android开发中，View定义了绘图的基本操作。很多时候系统自带的View满足不了设计的要求，这时我们需要自定义View，本文就来学习一下Android 自定义控件（view）的简单例子。

Android自定义view通过继承系统的View并重写部分方法来满足自己的特定需要。首先我们来看一下都有哪些方法可能需要被重写：　　　

　　　　onMeasure() 检测View组件及其子组件的大小
　　　　onLayout() 当该组件需要分配其子组件的位置、大小时
　　　　onTouchEvent 当发生触屏事件时
　　　　onDraw() 当组件将要绘制它的内容时
　　　　onKeyDown 当按下某个键盘时
　　　　onKeyUp  当松开某个键盘时
　　　　onTrackballEvent 当发生轨迹球事件时
　　　　onSizeChange() 当该组件的大小被改变时
　　　　onFinishInflate() 回调方法，当应用从XML加载该组件并用它构建界面之后调用的方法
　　　　onWindowFocusChanged(boolean)  当该组件得到、失去焦点时
　　　　onAtrrachedToWindow() 当把该组件放入到某个窗口时
　　　　onDetachedFromWindow() 当把该组件从某个窗口上分离时触发的方法
　　　　onWindowVisibilityChanged(int): 当包含该组件的窗口的可见性发生改变时触发的方法
 
红色标注的部分是我们经常需要重写的函数。具体的实现我们举一个简单的例子来说明，首先上效果图：

 
圆形和文字跟随触摸事件移动的一个简单的自定义view

实现上面的效果我们大致需要分成这几步
    在res/values/  下建立一个attrs.xml 来声明自定义view的属性
    一个继承View并复写部分函数的自定义view的类
    一个展示自定义view 的容器界面

我们的view 叫做myView，一定要和我们的class文件名相同。它有一个属性值，格式为color

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <declare-styleable name="myView">
        <attr name="TextColor" format="color"/>
    </declare-styleable>
        
</resources>

2.在自定义view类中实现其构造函数（用于初始获得view的属性配置）和复写onDraw和onTouchEvent。

public class myView extends View{
    //定义画笔和初始位置
    Paint p = new Paint();
    public float currentX = 50;
    public float currentY = 50;
    public int textColor;

    public myView(Context context, AttributeSet attrs) {
        super(context, attrs);
        //获取资源文件里面的属性，由于这里只有一个属性值，不用遍历数组，直接通过R文件拿出color值
        //把属性放在资源文件里，方便设置和复用
        TypedArray array = context.obtainStyledAttributes(attrs,R.styleable.myView);
        textColor = array.getColor(R.styleable.myView_TextColor,Color.BLACK);
        array.recycle();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //画一个蓝色的圆形
        p.setColor(Color.BLUE);
        canvas.drawCircle(currentX,currentY,30,p);
        //设置文字和颜色，这里的颜色是资源文件values里面的值
        p.setColor(textColor);
        canvas.drawText("BY finch",currentX-30,currentY+50,p);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {

        currentX = event.getX();
        currentY = event.getY();
        invalidate();//重新绘制图形
        return true;

    }
}

这里思路很简单，通过不断的更新当前位置坐标和重新绘制图形实现效果，要注意的是使用TypedArray后一定要记得recycle(),否则会对下次调用产生影响。

除非你不会再用TypedArray. 

3.我们把myView放在activity_main.xml里面，当然也可以在代码中通过addview函数加到布局中。

<?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"
    xmlns:myview="http://schemas.android.com/apk/res-auto"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="finch.scu.cn.myview.MainActivity">

    <finch.scu.cn.myview.myView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        myview:TextColor="#ff0000"
        />
</RelativeLayout>

这里 xmlns:自定义控件的前缀="http://schemas.android.com/apk/res/包名（或res-auto）" ， 前缀:TextColor="#ff0000"。如果不申明命名空间属性就会

最后是MainActivity

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

具体的view要根据具体的需求来，比如我们要侧滑删除的listview我们可以继承listview，监听侧滑事件，显示删除按钮实现功能。

Android自定义View的实现

自定义View首先要实现一个继承自View的类。添加类的构造方法，override父类的方法，如onDraw，（onMeasure）等。如果自定义的View有自己的属性，需要在values下建立attrs.xml文件，在其中定义属性，同时代码也要做修改。

一个简单的例子：

·新建一个MyView类，继承自TextView，并添加构造方法：

package com.example.xhelloworld;

import android.content.Context;

import android.widget.TextView;

public class MyView extends TextView{

    public MyView(Context context) {

       super(context);

       // TODO Auto-generated constructor stub

    }

}

·再在主activity中调用。方法是setContentView(new MyView(this));这句

package com.example.xhelloworld;

import android.app.Activity;

import android.os.Bundle;

import android.view.Menu;

public class NewView extends Activity {

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        //setContentView(R.layout.activity_newview);

        setContentView(new MyView(this));

       

    }

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        getMenuInflater().inflate(R.menu.activity_newview, menu);

        return true;

    }

}

运行后的结果为：

这样一个简单的自定义View就可以使用了。可以改变一下背景颜色，在MyView类中添加：

@Override

    protected void onDraw(Canvas canvas) {

       // TODO Auto-generated method stub

       super.onDraw(canvas);

       canvas.drawColor(Color.BLUE);

    }

即可完成。运行结果

上面的例子很简单，没有涉及到属性的添加。使用范围很小，不能在布局文件中使用。如果要在布局文件中用到，还需要添加一个构造方法：

public MyView(Context context,AttributeSet attrs){

       super(context, attrs);  

    }

当然，上面只是在code中做的修改，在xml文件（main.xml）中也需要进行如下操作：

<com.example.xhelloworld.NewView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        />

至少在xml文件中写上上面的内容。其中com.example.xhelloworld.NewView这句是需要显示的控件所代表的类。Com.example.xhelloworld是类的包名，NewView是类名。这个类肯定是继承自View的自定义类（其实就是，使我们自己写的，这是废话了。。。），可以是在工程中直接源码添加xxxx.java的，也可以是在libs目录下自己新添加的jar包里面的。如果是jar包里面的一个类，则路径就是jar包里面，这个类的路径。

完成上面的两步之后就可以在代码中实例化这个布局文件了

@Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        //setContentView(new MyView(this));

显示的效果同上图。

下面介绍如何实现自定义View的属性设置。实现自定义View的属性设置，需要：

·在values目录下建立attrs.xml文件，添加属性内容

·在布局文件中添加新的命名空间xmlns，然后可以使用命名空间给自定义的空间设置属性

·设置完属性之后，当然还要对其进行处理。在自定义View类中的构造方法中进行处理

根据这三步给一个例子进行说明一下

首先添加attrs.xml文件，在定义属性

 

<resources>

    <declare-styleable name="MyView">

    <attr name="textColor" format="color"/>

    <attr name="textSize" format="dimension"/>

    declare-styleable>

resources>

然后在布局文件中完成：

xmlns:my=http://schemas.android.com/apk/res/com.example.xhelloworld

<com.example.xhelloworld.MyView

       android:layout_width="fill_parent"

       android:layout_height="wrap_content"   

       my:textColor="#FFFFFFFF"   

       my:textSize="22dp"

    />

注：这步我在实现的时候出错，问题是显示找不到属性textColor和textSize，这奇怪的错误。解决方法是，在写my:textColor="#FFFFFFFF" 时，写到my之后，按alt+/，这是会自动添加一个xmlns，和my的路径是一样的，用生成的这个替换掉my就可以了。奇葩的问题就用奇葩的方法解决。起初我也不知道怎么弄，瞎搞出来的。

最后在MyView.java中添加另一个构造方法，并添加代码来处理从xml中获得的属性

public MyView(Context context,AttributeSet attrs){

       super(context, attrs);

         mPaint = new Paint();  

        //TypedArray是一个用来存放由context.obtainStyledAttributes获得的属性的数组  

        //在使用完成后，一定要调用recycle方法  

        //属性的名称是styleable中的名称+“_”+属性名称  

        //TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.MyView);

        TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.MyView);

        int textColor = array.getColor(R.styleable.MyView_textColor, 0XFF00FF00); //提供默认值，放置未指定  

        float textSize = array.getDimension(R.styleable.MyView_textSize, 36);  

        mPaint.setColor(textColor);  

        mPaint.setTextSize(textSize);  

        array.recycle(); //一定要调用，否则这次的设定会对下次的使用造成影响  

      

    }

 

完成之后就已经实现了自定视图的构造，自定义视图属性的添加很处理。现在完成的是一般的自定义视图，继承自TextView或者View等视图，也就是通过程序主UI线程完成更新的视图，如果是自定义SurfaceView，实现方法有所不同。

添加完之后肯定有很多疑问，自己去做可能还不能理解。这里再对上面操作进行解释说明。

背后的事

View类的构造方法：

·public view（Context context）       当在代码中创建对象时会被调用

·public View (Context context, AttributeSet attrs)

官方的文档是：

Constructor that is called when inflating a view from XML. This is called when a view is being constructed from an XML file, supplying attributes that were specified in the XML file. This version uses a default style of 0, so the only attribute values applied are those in the Context's Theme and the given AttributeSet

大致应该是这个方法是通过xml文件来创建一个view对象的时候调用。很显然xml文件一般是布局文件，就是现实控件的时候调用，而布局文件中免不了会有属性的设置，如android：layout_width等，对这些属性的设置对应的处理代码也在这个方法中完成。

两个参数

Context          The Context the view is running in, through which it can access the current theme, resources, etc.

Attrs              The attributes of the XML tag that is inflating the view

·public View (Context context, AttributeSet attrs，int defStyle)

Perform inflation from XML and apply a class-specific base style. This constructor of View allows subclasses to use their own base style when they are inflating. For example, a Button class's constructor would call this version of the super class constructor and supply R.attr.buttonStyle fordefStyle; this allows the theme's button style to modify all of the base view attributes (in particular its background) as well as the Button class's attributes.

看的不太懂，没用到，下放一下吧额

这就是为什么要添加上面的两个构造方法的原因。