Android开发系列（三） 跟随移动userguide

最新推荐文章于 2022-07-11 07:35:00 发布
最新推荐文章于 2022-07-11 07:35:00 发布
阅读量451 收藏
点赞数
分类专栏： android开发 文章标签： android android开发 界面 移动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014354193/article/details/49232761
版权

当我们第一次打开某些APP时，可能会先出现一段可滑动的类似于HTML中的gallery的界面，用来介绍应用的某些特性。这就是所谓的userguide用户引导界面。这种界面一般使用viewpager实现，viewpager是Google提供的开源的框架，在www.Android.com上可以获取到Google已经实现的简易的viewpager。
下面我们使用viewpager,实现一个跟随移动的userguide,首先看一下效果图：
这里写图片描述
我们可以看到，屏幕中也有一个小的手机，外框部分的颜色可以跟随内框移动，我们需要实现的也就是这种效果。因此我们需要定义两个adapter来实现这个效果。
首先我们来定义布局文件。
activity_view_slash.xml

FrameLayout 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"
    android:background="#38bccb"
    android:orientation="vertical"
    >

    <com.ph.mybdmap.linkedViewPager.ViewPager 
        android:id="@+id/pager"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
    />  
    <com.ph.mybdmap.linkedViewPager.NotouchLayout 
      android:layout_width="220dip"
      android:layout_height="390dip"
      android:layout_gravity="center|top"
      android:background="@drawable/phone_frame"
      android:layout_marginTop="50dip"
    >
        <com.ph.mybdmap.linkedViewPager.ViewPager 
          android:id="@+id/main_scrolllayout"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:focusable="false"
          android:layout_centerInParent="true"
        />  
    </com.ph.mybdmap.linkedViewPager.NotouchLayout>

</FrameLayout>

然后实现myviewadapter.java

package com.ph.mybdmap.linkedViewPager;

import java.util.ArrayList;

import android.os.Parcelable;
import android.view.View;

public class MyPagerAdapter extends PagerAdapter {

    private ArrayList<View> mPageViews;

    public MyPagerAdapter(ArrayList<View> mPageViews) {
        super();
        this.mPageViews = mPageViews;
    }

    @Override
    public int getCount() {
        return mPageViews.size();
    }

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        return arg0 == arg1;
    }

    @Override
    public int getItemPosition(Object object) {
        // TODO Auto-generated method stub
        return super.getItemPosition(object);
    }

    @Override
    public void destroyItem(View arg0, int arg1, Object arg2) {
        // TODO Auto-generated method stub
        ((ViewPager) arg0).removeView(mPageViews.get(arg1));
    }

    @Override
    public Object instantiateItem(View arg0, int arg1) {
        // TODO Auto-generated method stub
        ((ViewPager) arg0).addView(mPageViews.get(arg1));
        return mPageViews.get(arg1);
    }

    @Override
    public void restoreState(Parcelable arg0, ClassLoader arg1) {
        // TODO Auto-generated method stub

    }

    @Override
    public Parcelable saveState() {
        // TODO Auto-generated method stub
        return null;
    }

    @Override
    public void startUpdate(View arg0) {
        // TODO Auto-generated method stub

    }

    @Override
    public void finishUpdate(View arg0) {
        // TODO Auto-generated method stub

    }

}

最后实现userguide.java

package com.ph.mybdmap;

import java.util.ArrayList;






import com.ph.mybdmap.R;
import com.ph.mybdmap.linkedViewPager.MyPagerAdapter;
import com.ph.mybdmap.linkedViewPager.ViewPager;

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.os.AsyncTask;
import android.os.Bundle;
import android.os.Parcelable;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.Window;
import android.view.View.OnClickListener;
import android.view.ViewGroup.LayoutParams;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

public class UserGuideActivity extends Activity {
    private ViewPager mPager;
    private ArrayList<View> mPageViews;
    private MyPagerAdapter mPageAdapter;

    private ViewPager mFramePager;
    private ArrayList<View> mFramePageViews;
    private MyPagerAdapter mFramePageAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_viewpager_slash);

        initViewPager();


    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    public void initViewPager(){

        mPager = (ViewPager)findViewById(R.id.pager);
        mFramePager = (ViewPager)findViewById(R.id.main_scrolllayout);

        mPageViews = new ArrayList<View>();
        mFramePageViews = new ArrayList<View>();

        LayoutInflater inflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        View frameView1 = inflater.inflate(R.layout.transparent_layer_image, null);
        initFramePagerView(frameView1 ,R.drawable.frame_view1);
        View frameView2 = inflater.inflate(R.layout.transparent_layer_image, null);
        initFramePagerView(frameView2 ,R.drawable.frame_view2);
        View frameView3 = inflater.inflate(R.layout.transparent_layer_image, null);
        initFramePagerView(frameView3 ,R.drawable.frame_view3);
        View frameView4 = inflater.inflate(R.layout.transparent_layer_image, null);
        initFramePagerView(frameView4 ,R.drawable.frame_view4);
        View frameView5 = inflater.inflate(R.layout.transparent_layer_image, null);
        initFramePagerView(frameView5 ,R.drawable.frame_view5);
        mFramePageViews.add(frameView1);
        mFramePageViews.add(frameView2);
        mFramePageViews.add(frameView3);
        mFramePageViews.add(frameView4);
        mFramePageViews.add(frameView5);

        mFramePageAdapter = new MyPagerAdapter(mFramePageViews);
        mFramePager.setAdapter(mFramePageAdapter);
//          mFramePager.setOnPageChangeListener(mFramePagerListener);
        View view1 = inflater.inflate(R.layout.transparent_layer, null);
        initPagerView(view1,"茫茫人海中",0xff369a8e);
        View view2 = inflater.inflate(R.layout.transparent_layer, null);
        initPagerView(view2,"哪里能找到你",0xffc48951);
        View view3 = inflater.inflate(R.layout.transparent_layer, null);
        initPagerView(view3,"一键觅你",0xff0179cc);
        View view4 = inflater.inflate(R.layout.transparent_layer, null);
        initPagerView(view4,"我们在一起",0xff333333);
        View view5 = inflater.inflate(R.layout.transparent_layer, null);
        TextView textView5 = (TextView)view5.findViewById(R.id.text);
        textView5.setVisibility(View.GONE);
        Button btn = (Button)view5.findViewById(R.id.button);
        btn.setVisibility(View.VISIBLE);
        btn.setOnClickListener(new OnClickListener(){
            @Override
            public void onClick(View view){
                Begin();
            }
        });

        mPageViews.add(view1);
        mPageViews.add(view2);
        mPageViews.add(view3);
        mPageViews.add(view4);
        mPageViews.add(view5);
        mPageAdapter =new MyPagerAdapter(mPageViews);
        mPager.setAdapter(mPageAdapter);
        mPager.setFollowViewPager(mFramePager);
       // mPager.setOnPageChangeListener();

    }
    public void initFramePagerView(View frameView ,int drawable){
        ImageView image = (ImageView)frameView.findViewById(R.id.image);
        image.setImageResource(drawable);

    }
    public void initPagerView(View view ,String text,int color)
    {
        TextView textView1 = (TextView)view.findViewById(R.id.text);
        LinearLayout linearlay=(LinearLayout) view.findViewById(R.id.linearlayout);
        textView1.setText(text);
        linearlay.setBackgroundColor(color);
    }
    public void Begin() {

        Intent intent=new Intent(UserGuideActivity.this, LoginActivity.class);
        startActivity(intent);
        finish();

    }

}

通过initPagerView(View view ,String text,int color)方法可以定制图片文字和颜色。

最后别忘了由于userguide是一个activity组件，需要在Androidmanifest.xml
里面注册

<activity
            android:name=".UserGuideActivity"
            android:label="@string/app_name" >

        </activity>

由于篇幅有限，实现上图效果的其他类并没完全写出来
这里写图片描述
，需要的同学们可以到http://download.csdn.net/detail/u014354193/9188191下载源码，由于上传的是一个完整的应用，userguide只是其中的一小部分，找起来比较麻烦，所以辛苦大家了O(∩_∩)O

嗣源
关注
专栏目录
Android 开发笔记2.0
weixin_39444587的博客
07-01 1486
本文主要记录了开发过程中遇到的问题
Android 官方现代 App 架构指南
m0_72538886的博客
08-19 2383
今年的 Google I/O 发布了一个最新的官方示例 Now in Android，这个示例的完整度比之前的 JetNews、Sunflower 要高，后面也将基于这个仓库做进一步的说明解析，从一个完整项目的角度来看 Android 新推出的架构指南。
APPC User Guide.pdf
03-16
ONAP APPC
android 给自己的app编写 用户引导（UserGuider）
he91-com
11-30 281
有些第三方应用（如QQ，微信等），安装后第一次使用都有个用户引导，提示用户怎么用及版本升级后新功能介绍。用 Hierarchy Viewer 工具看用户引导 是用哪些layout组成的。常见的QQ，微信 用的 Gallery，百度输入法用的是 FrameLayout。 下面就以 Gallery 实现用户引导为例。 先来图吧，有图有真相！ 这个熟悉吧，仿微信当前最新版的...
Instruments User Guide编程指南4-Profile You App's Performance
欢迎来到Jack的程序世界
09-29 1594
Measure CPU Use 测量CPU的使用 有效使用的CPU允许你的应用程序(app)运行得更快和更有效。虽然你正在为特定平台编写一个应用程序,但是记住,即使是相同的通用平台都会有着不同的CPU性能。Instrument 帮助你管理处于各种情况的测试，允许你确认怎样更好的使用APP的多核，线程，和其他资源。 Track Core and Thread Use  跟踪多核和线程
android guideView 引导界面
05-04
android 应用启动界面的引导界面，自定义控件，支持水平和垂直滑动
android笔记app源码,笔记源代码混合app移动app-环境-llb android环境userguide.pdf
weixin_26735445的博客
05-26 138
Gradle User GuideVersion 2.2.1Copyright © 2007-2012 Hans Dockter, Adam MurdochCopies of this document may be made for your own use and for distribution to others, provided that you do notcharge any ...
Android开源经典项目
Tamic （大白）
09-13 5790
Android开源项目大全，包括经典个人博客，组织和开源项目
Android 之 四大组件、六大布局、五大存储
墨鱼菜鸡
07-11 2667
Android 之四大组件、六大布局、五大存储：https://blog.csdn.net/shenggaofei/article/details/52450668 Android 四大组件、五大存储、六大布局：https://blog.csdn.net/xiankog/article/details/81702119 Android四大基本组件介绍...
2017 github 上android 源码（适合工作中开发）
热门推荐
snake_son的博客
12-30 1万+
转载： http://blog.csdn.NET/a774057695/article/details/49889437 https://github.com/XinRan5312/Android-open-project 目前包括：Android 开源项目第一篇——个性化控件(View)篇 包括ListView、ActionBar、Menu、ViewPager、Gallery、GridV
Android在Image图片上面任意添加标签，并且支持移动
05-19
Android在Image图片上面任意添加标签，并且支持移动。图片缩放的时候，可以做到标签跟着移动，并且标签的相对位置不变。根据安卓的事件分发，实现标签的拖动和图片拖动分离。
android引导欢迎界面--Guide第一篇
u012507471的专栏
10-19 640
这是我第一篇android笔记博文，我本身就是把这个当做笔记。 嘻嘻，我的电脑坏了这个博客也不会消失， 有电脑的地方我就可以复习我的笔记领域知识的强大。 很多的android程序刚开始安装的时候最开始会有一个欢迎的引导界面，这个界面是怎么来的。我好奇了很久，今天我就在网上找了很多关于这些的代码。看了下不是很懂，这是我现在面前的问题。我觉得还是从最开始的认知开始解决，解决问题的思路其实
android 人物走动_Android 设置角色转身和移动功能
weixin_39727976的博客
12-22 630
Android手机上，控制角色方法很多。先为大家展示这一种方法。接下来会为大家展示更多种方法直接为大家贴出代码：[HideInInspector]//不在属性面板中显示publicboolfacingRight=true;//控制角色朝向，默认为右[HideInInspector]//不在属性面板中显示publicbooljump=true;//判断角色是否跳起...
Android 自定义控件 GuideView 引导界面
Anddroid_LanYan的专栏
05-04 2116
最近看了hyman的博客：http://blog.csdn.net/lmj623565791/article/details/23692439 ,由于个人技术还比较薄弱，就在这个自定义控件的基础上做了个拓展，支持水平和垂直的 下面是主要代码;     GuideView:     import android.annotation.SuppressLint; import andro
Android新功能用户指引UserGuide
lknlll的博客
10-10 1490
Android新功能用户指引UserGuide
Genymotion下载及在eclipse上的配置
u014354193的博客
09-26 2824
在eclipse上做Android的各位童鞋们肯定曾经遇到过这样的问题…… 测试难啊 ！！！ 不提谷歌提供的原生安卓虚拟机，那玩意带毒啊，慢的简直是要死要死的，动不动就崩溃，我可怜的8G内存根本就带不起来。当然大多数人也会拿着真机测试，但是真机测试的速度也是挺慢的，而且也舍不得自己的小公举，像程序员这么暴力的群体，把手机搞崩了怎么破。本人前两天就把自己的手机搞崩了，现在::>_<:: 。。。
libigl自定义Menu组件
u014354193的博客
08-02 2290
libigl的图形组件使用的是NANOGUI，NANOGUI是一个基于GLFW深度定制的 C++ 的GUI的库，由于其轻量级，丰富的组件，不反人类的文档和跨平台等特性而受到欢迎。对于厌倦了刻板的QT和MFC界面的同学来说，NANOGUI是一个不错的选择。 libigl在其图形界面中使用了部分NANOGUI功能，实际上libigl使用的是Christian Schüller提供的一组AntTweak
Libigl调用CGAL和MATLAB
u014354193的博客
05-03 1842
对于搞图形的同学们来说，libigl实在是一个很方便的工具库。我自己使用libigl也有一年多了，一开始主要是觉得libigl有写好的可以很容易调用的图形界面，常用的图形操作都能cover，tutorial的使用案例也相对丰富，后来我发现我对libigl的使用太肤浅了，搞图形的同学都知道，一个项目经常需要调用很多图形库，比如CGAL，MATLAB等，libigl使用CMAKE管理项目可以很轻松的调...
igllib的安装
十年磨一剑
10-24 7978
最早跟igl的关系居然是原先读过它的一篇Laplacian Surface Editing并且做出来了，对其有一定的好感，原因是它是开源的。所以当他推出igl library库的时候，我是紧抱大腿向他靠其啊，谁叫他在爱因斯坦的母校。弄这个东西快花了我一周的时间，因为它本身是在LINUX环境下GCC编译器中进行的，所以想在windows上的vs里面使用还真得费一番功夫，为了支持更好的支持C++标准，
精通Android 2应用程序开发
"Professional Android 2 Application Development" 是一本由 Reto Meier 撰写的经典Android应用开发书籍，出版于2010年，属于Wrox出版社的Programmer to Programmer系列。这本书深入介绍了Android应用开发的核心...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值