Android启动页开发

老规矩,效果图如下:


源码如下:
https://github.com/ok406lhq/StartPageDemo

启动页的开发主要包括了开屏闪屏和广告页的实现,效果如上图,具体的实现如下。

1、闪屏设计

实现方式有比较多种,其中有一种是通过Intent跳转的方式,跳转到一个布局只有布局中添加了闪屏图片的SplashActivity中,实现短暂的闪屏效果。这样做有一个小缺点(也可以忽略不计):
在启动App时有一瞬间的短暂白屏,随后再跳转到闪屏页面,这样的效果:



这样的话用户体验可能会不太好,如何实现秒开闪屏那种效果呢?就像支付宝、知乎那种,接下来就是第二种方式,也就是本次实现用到的。其实很简单,只要在AndroidManifest中用到闪屏那个Activity中加上一个样式就可以实现了。话不多说,上代码:

      <activity
            android:name=".StartPageActivity"
            android:theme="@style/SplashActivityTheme">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
       </activity>

在style.xml中编辑主题样式SplashActivityTheme:

  <!-- Base application theme. -->
    <style name="SplashActivityTheme" parent="android:Theme.Holo.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:windowBackground">@drawable/splash</item>
    </style>

如此一来,应用在启动时将直接将闪屏图片显示,达到更好的体验效果~
当然,在闪屏页StartPageActivity中也是要做一些处理的,不然看不到效果的,我们将跳转到主页面用延迟1秒来执行:

        Thread myThread = new Thread() {//创建子线程
            @Override
            public void run() {
                try {
                    sleep(1000);//使程序休眠一秒
                    Intent it = new Intent(getApplicationContext(), InitAdvActivity.class);
                    startActivity(it);
                    finish();//关闭当前活动
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
        };
        myThread.start();//启动线程

这些都很简单,接下来是来设计广告页~

2、广告页设计

这个也不难,简单说一下逻辑,这边我用随机数实现广告页的随机出现,以此来模拟一些App广告页的效果。也就是说,不是每次打开应用都会有广告,这是随机控制的。布局文件会在Demo源码中可以找到~
贴一下代码:

public class InitAdvActivity extends BaseActivity {
    private int[] picsLayout = {R.layout.layout_hello, R.layout.layout_hello2,
            R.layout.layout_hello3, R.layout.layout_hello4, R.layout.layout_hello5};
    private int i;
    private int count = 5;
    private Button mBtnSkip;

    @SuppressLint("HandlerLeak")
    private Handler handler = new Handler() {
        public void handleMessage(android.os.Message msg) {
            if (msg.what == 0) {
                mBtnSkip.setText("跳过 (" + getCount() + ")");
                handler.sendEmptyMessageDelayed(0, 1000);
            }
        }
    };
    private LinearLayout linearLayout;

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        Random r = new Random();
        i = r.nextInt(10);
        Log.i("test", "随机数是:" + i);
        if (i < 5) {
            //随机概率会出现广告页
            setContentView(R.layout.activity_adv);
            initView2();
        } else {
            startActivity(new Intent(InitAdvActivity.this, MainActivity.class));
            finish();
        }
    }

    private void initView2() {
        linearLayout = findViewById(R.id.advLine);
        View view = View.inflate(InitAdvActivity.this, picsLayout[i], null);
        linearLayout.addView(view);
        mBtnSkip = view.findViewById(R.id.btn_skip);
        mBtnSkip.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                startActivity(new Intent(InitAdvActivity.this, MainActivity.class));
                handler.removeMessages(0);
                finish();
            }
        });
        handler.sendEmptyMessageDelayed(0, 1000);
    }

    public int getCount() {
        count--;
        if (count == 0) {
            Intent intent = new Intent(this, MainActivity.class);
            startActivity(intent);
            finish();
        }
        return count;
    }
}
3、彩蛋

其实,这些实现都并不难,相信大家都能很容易就看懂。
接下来说一个问题,那就是状态栏的问题,其实现在很多App都使用了沉浸式状态栏的效果(我也不知道这个概念对不对,大概意思是指状态栏透明)来使得页面更加好看,呈现更多的内容。所以我们在启动页开发的时候如果没有处理状态栏的话,那么效果将会比较差,我截了几张图,可以看一下:



惨不忍睹。。
具体实现也很简单:
所有Activity继承一个BaseActivity,在BaseActivity中做状态栏的处理即可:

public class BaseActivity extends Activity {
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setTranslucent(this);
    }

    public static void setTranslucent(Activity activity) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            // 设置状态栏透明
            activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }
    }
}
ps

好了,大概内容就这么多,比较基础,其实启动页这一项,可以延伸出很多,包括我之前公司,是这样需求的:通过服务器后台来控制广告页的显示图片以及显示概率。这就需要在加载App时对网络图片资源进行缓存,我用到的是Picasso这个图片处理框架,除此之外,应该还可以有更多不一样的扩展。需求不同,可能实现的方式也不一样,加油吧~

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,084评论 6 503
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,623评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,450评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,322评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,370评论 6 390
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,274评论 1 300
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,126评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,980评论 0 275
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,414评论 1 313
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,599评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,773评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,470评论 5 344
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,080评论 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,713评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,852评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,865评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,689评论 2 354

推荐阅读更多精彩内容

  • 0. 闪屏流程分析 要说到闪屏,几乎已经是所有 App 的标配了。但是各家对于闪屏的理解和应用方式各不相同。比如 ...
    AlphaGao阅读 2,408评论 0 8
  • 我家前面是条运河,老早前听老人家说可以通官船,后来渐渐变窄了。但每年还会划龙舟,挨着家左边水渠下坡就是集体的大谷场...
    好狗不取人名阅读 370评论 0 2
  • 道士吃花酒,僧人喝艳茶。 中军折嫩柳,校尉犯娇娃。 帝子义被锁,群臣谏罪杀, 垂簾听政恶,辛亥巨洪发。
    云逸1108阅读 192评论 0 0
  • 如果我老去之时发现我从没有发自内心的爱过,喜欢过一个人,甚至我一生都不知道爱是什么感觉,这是我在这个世界存在的一种...
    普_62da阅读 502评论 0 1
  • 画错的线条可以用橡皮擦掉,但要怎样擦去回忆的美好。 ...
    拾年姑娘阅读 410评论 0 2