Android仿QQ微信开场导航

最新推荐文章于 2023-04-15 21:59:09 发布
最新推荐文章于 2023-04-15 21:59:09 发布
阅读量1k 收藏
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yingchunhua365/article/details/16832063
版权

相信大家对于微信等社交应用的UI界面已经都很熟悉了，该UI最值得借鉴的莫过于第一次使用的时候一些列产品介绍的图片，可以左右滑动浏览，最后进入应用，这一效果适用于多种项目中，相信今后开发应用一定会用得到。网路上也有不少这样的例子可以参考，不过看别人的代码是一回事，自己实际做起来又是另一回事，今天的这个微信的Demo是研究过多个类似的界面后自己动手去实现的效果，并且都加上了详细的注释(虽然有的多余)，方便以后回顾一看就能看明白，只有真正亲自写一写，体会才会更深刻，例子中的图片都是在微信的APK中提取出来的，涉及到的知识点无外乎是ViewPager和Animation。

 首先是开场闪屏的一个界面，使用handler控制该页面指定时间后进行跳转

                                   
  1. package com.example.weichat.UI;  
  2.   
  3. import com.example.weichat.R;  
  4.   
  5. import android.app.Activity;  
  6. import android.content.Intent;  
  7. import android.os.Bundle;  
  8. import android.os.Handler;  
  9.   
  10. /** 开场欢迎动画 */  
  11. public class WelcomeA extends Activity {  
  12.     @Override  
  13.     public void onCreate(Bundle savedInstanceState) {  
  14.         super.onCreate(savedInstanceState);  
  15.         setContentView(R.layout.strat);  
  16.         //延迟两秒后执行run方法中的页面跳转  
  17.         new Handler().postDelayed(new Runnable() {  
  18.   
  19.             @Override  
  20.             public void run() {  
  21.                 Intent intent = new Intent(WelcomeA.this, WhatsnewPagesA.class);  
  22.                 startActivity(intent);  
  23.                 WelcomeA.this.finish();  
  24.             }  
  25.         }, 2000);  
  26.       
[java]  view plain copy print ?
  1. package com.example.weichat.UI;  
  2.   
  3. import com.example.weichat.R;  
  4.   
  5. import android.app.Activity;  
  6. import android.content.Intent;  
  7. import android.os.Bundle;  
  8. import android.os.Handler;  
  9.   
  10. /** 开场欢迎动画 */  
  11. public class WelcomeA extends Activity {  
  12.     @Override  
  13.     public void onCreate(Bundle savedInstanceState) {  
  14.         super.onCreate(savedInstanceState);  
  15.         setContentView(R.layout.strat);  
  16.         //延迟两秒后执行run方法中的页面跳转  
  17.         new Handler().postDelayed(new Runnable() {  
  18.   
  19.             @Override  
  20.             public void run() {  
  21.                 Intent intent = new Intent(WelcomeA.this, WhatsnewPagesA.class);  
  22.                 startActivity(intent);  
  23.                 WelcomeA.this.finish();  
  24.             }  
  25.         }, 2000);  
  26.       

 

          接着是主要的部分，也就是一系列的功能介绍图片，主要是viewpager来实现，嵌套在上面的小圆点的跟随导航也是要实现的效果之一

                                                           

 

  1. package com.example.weichat.UI;  
  2.   
  3. import java.util.ArrayList;  
  4. import android.app.Activity;  
  5. import android.content.Intent;  
  6. import android.os.Bundle;  
  7. import android.support.v4.view.PagerAdapter;  
  8. import android.support.v4.view.ViewPager;  
  9. import android.support.v4.view.ViewPager.OnPageChangeListener;  
  10. import android.view.LayoutInflater;  
  11. import android.view.View;  
  12. import android.view.ViewGroup;  
  13. import android.view.ViewGroup.LayoutParams;  
  14. import android.view.Window;  
  15. import android.widget.ImageView;  
  16. import com.example.weichat.R;  
  17.   
  18. /** What's new 的导航界面 */  
  19. public class WhatsnewPagesA extends Activity {  
  20.     /** Viewpager对象 */  
  21.     private ViewPager viewPager;  
  22.     private ImageView imageView;  
  23.     /** 创建一个数组，用来存放每个页面要显示的View */  
  24.     private ArrayList<View> pageViews;  
  25.     /** 创建一个imageview类型的数组，用来表示导航小圆点 */  
  26.     private ImageView[] imageViews;  
  27.     /** 装显示图片的viewgroup */  
  28.     private ViewGroup viewPictures;  
  29.     /** 导航小圆点的viewgroup */  
  30.     private ViewGroup viewPoints;  
  31.   
  32.     @Override  
  33.     protected void onCreate(Bundle savedInstanceState) {  
  34.         // TODO Auto-generated method stub  
  35.         super.onCreate(savedInstanceState);  
  36.         requestWindowFeature(Window.FEATURE_NO_TITLE);  
  37.         LayoutInflater inflater = getLayoutInflater();  
  38.         pageViews = new ArrayList<View>();  
  39.         pageViews.add(inflater.inflate(R.layout.viewpager01, null));  
  40.         pageViews.add(inflater.inflate(R.layout.viewpager02, null));  
  41.         pageViews.add(inflater.inflate(R.layout.viewpager03, null));  
  42.         pageViews.add(inflater.inflate(R.layout.viewpager04, null));  
  43.         pageViews.add(inflater.inflate(R.layout.viewpager05, null));  
  44.         pageViews.add(inflater.inflate(R.layout.viewpager06, null));  
  45.   
  46.         // 小圆点数组，大小是图片的个数  
  47.         imageViews = new ImageView[pageViews.size()];  
  48.         // 从指定的XML文件中加载视图  
  49.         viewPictures = (ViewGroup) inflater.inflate(R.layout.viewpagers, null);  
  50.   
  51.         viewPager = (ViewPager) viewPictures.findViewById(R.id.guidePagers);  
  52.         viewPoints = (ViewGroup) viewPictures.findViewById(R.id.viewPoints);  
  53.   
  54.         // 添加小圆点导航的图片  
  55.         for (int i = 0; i < pageViews.size(); i++) {  
  56.             imageView = new ImageView(WhatsnewPagesA.this);  
  57.             imageView.setLayoutParams(new LayoutParams(20, 20));  
  58.             imageView.setPadding(5, 0, 5, 0);  
  59.             // 吧小圆点放进数组中  
  60.             imageViews[i] = imageView;  
  61.             // 默认选中的是第一张图片，此时第一个小圆点是选中状态，其他不是  
  62.             if (i == 0)  
  63.                 imageViews[i].setImageDrawable(getResources().getDrawable(  
  64.                         R.drawable.page_indicator_focused));  
  65.             else  
  66.                 imageViews[i].setImageDrawable(getResources().getDrawable(  
  67.                         R.drawable.page_indicator_unfocused));  
  68.             // 将imageviews添加到小圆点视图组  
  69.             viewPoints.addView(imageViews[i]);  
  70.         }  
  71.   
  72.         setContentView(viewPictures);  
  73.   
  74.         viewPager.setAdapter(new NavigationPageAdapter());  
  75.         // 为viewpager添加监听，当view发生变化时的响应  
  76.         viewPager.setOnPageChangeListener(new NavigationPageChangeListener());  
  77.     }  
  78.   
  79.     // 导航图片view的适配器，必须要实现的是下面四个方法  
  80.     class NavigationPageAdapter extends PagerAdapter {  
  81.   
  82.         @Override  
  83.         public int getCount() {  
  84.             return pageViews.size();  
  85.         }  
  86.   
  87.         @Override  
  88.         public boolean isViewFromObject(View arg0, Object arg1) {  
  89.             return arg0 == arg1;  
  90.         }  
  91.   
  92.         // 初始化每个Item  
  93.         @Override  
  94.         public Object instantiateItem(View container, int position) {  
  95.             ((ViewPager) container).addView(pageViews.get(position));  
  96.             return pageViews.get(position);  
  97.         }  
  98.   
  99.         // 销毁每个Item  
  100.         @Override  
  101.         public void destroyItem(View container, int position, Object object) {  
  102.             ((ViewPager) container).removeView(pageViews.get(position));  
  103.         }  
  104.   
  105.     }  
  106.   
  107.     // viewpager的监听器，主要是onPageSelected要实现  
  108.     class NavigationPageChangeListener implements OnPageChangeListener {  
  109.   
  110.         @Override  
  111.         public void onPageScrollStateChanged(int arg0) {  
  112.   
  113.         }  
  114.   
  115.         @Override  
  116.         public void onPageScrolled(int arg0, float arg1, int arg2) {  
  117.   
  118.         }  
  119.   
  120.         @Override  
  121.         public void onPageSelected(int position) {  
  122.             // 循环主要是控制导航中每个小圆点的状态  
  123.             for (int i = 0; i < imageViews.length; i++) {  
  124.                 // 当前view下设置小圆点为选中状态  
  125.                 imageViews[i].setImageDrawable(getResources().getDrawable(  
  126.                         R.drawable.page_indicator_focused));  
  127.                 // 其余设置为飞选中状态  
  128.                 if (position != i)  
  129.                     imageViews[i].setImageDrawable(getResources().getDrawable(  
  130.                             R.drawable.page_indicator_unfocused));  
  131.             }  
  132.         }  
  133.   
  134.     }  
  135.   
  136.     // 开始按钮方法，开始按钮在XML文件中onClick属性设置；  
  137.     // 我试图把按钮在本activity中实例化并设置点击监听，但总是报错，使用这个方法后没有报错，原因没找到  
  138.     public void startbutton(View v) {  
  139.         Intent intent = new Intent(WhatsnewPagesA.this, WhatsnewAnimationA.class);  
  140.         startActivity(intent);  
  141.         WhatsnewPagesA.this.finish();  
  142.     }  
  143.   
  144. }  
[java]  view plain copy print ?
  1. package com.example.weichat.UI;  
  2.   
  3. import java.util.ArrayList;  
  4. import android.app.Activity;  
  5. import android.content.Intent;  
  6. import android.os.Bundle;  
  7. import android.support.v4.view.PagerAdapter;  
  8. import android.support.v4.view.ViewPager;  
  9. import android.support.v4.view.ViewPager.OnPageChangeListener;  
  10. import android.view.LayoutInflater;  
  11. import android.view.View;  
  12. import android.view.ViewGroup;  
  13. import android.view.ViewGroup.LayoutParams;  
  14. import android.view.Window;  
  15. import android.widget.ImageView;  
  16. import com.example.weichat.R;  
  17.   
  18. /** What's new 的导航界面 */  
  19. public class WhatsnewPagesA extends Activity {  
  20.     /** Viewpager对象 */  
  21.     private ViewPager viewPager;  
  22.     private ImageView imageView;  
  23.     /** 创建一个数组，用来存放每个页面要显示的View */  
  24.     private ArrayList<View> pageViews;  
  25.     /** 创建一个imageview类型的数组，用来表示导航小圆点 */  
  26.     private ImageView[] imageViews;  
  27.     /** 装显示图片的viewgroup */  
  28.     private ViewGroup viewPictures;  
  29.     /** 导航小圆点的viewgroup */  
  30.     private ViewGroup viewPoints;  
  31.   
  32.     @Override  
  33.     protected void onCreate(Bundle savedInstanceState) {  
  34.         // TODO Auto-generated method stub  
  35.         super.onCreate(savedInstanceState);  
  36.         requestWindowFeature(Window.FEATURE_NO_TITLE);  
  37.         LayoutInflater inflater = getLayoutInflater();  
  38.         pageViews = new ArrayList<View>();  
  39.         pageViews.add(inflater.inflate(R.layout.viewpager01, null));  
  40.         pageViews.add(inflater.inflate(R.layout.viewpager02, null));  
  41.         pageViews.add(inflater.inflate(R.layout.viewpager03, null));  
  42.         pageViews.add(inflater.inflate(R.layout.viewpager04, null));  
  43.         pageViews.add(inflater.inflate(R.layout.viewpager05, null));  
  44.         pageViews.add(inflater.inflate(R.layout.viewpager06, null));  
  45.   
  46.         // 小圆点数组，大小是图片的个数  
  47.         imageViews = new ImageView[pageViews.size()];  
  48.         // 从指定的XML文件中加载视图  
  49.         viewPictures = (ViewGroup) inflater.inflate(R.layout.viewpagers, null);  
  50.   
  51.         viewPager = (ViewPager) viewPictures.findViewById(R.id.guidePagers);  
  52.         viewPoints = (ViewGroup) viewPictures.findViewById(R.id.viewPoints);  
  53.   
  54.         // 添加小圆点导航的图片  
  55.         for (int i = 0; i < pageViews.size(); i++) {  
  56.             imageView = new ImageView(WhatsnewPagesA.this);  
  57.             imageView.setLayoutParams(new LayoutParams(20, 20));  
  58.             imageView.setPadding(5, 0, 5, 0);  
  59.             // 吧小圆点放进数组中  
  60.             imageViews[i] = imageView;  
  61.             // 默认选中的是第一张图片，此时第一个小圆点是选中状态，其他不是  
  62.             if (i == 0)  
  63.                 imageViews[i].setImageDrawable(getResources().getDrawable(  
  64.                         R.drawable.page_indicator_focused));  
  65.             else  
  66.                 imageViews[i].setImageDrawable(getResources().getDrawable(  
  67.                         R.drawable.page_indicator_unfocused));  
  68.             // 将imageviews添加到小圆点视图组  
  69.             viewPoints.addView(imageViews[i]);  
  70.         }  
  71.   
  72.         setContentView(viewPictures);  
  73.   
  74.         viewPager.setAdapter(new NavigationPageAdapter());  
  75.         // 为viewpager添加监听，当view发生变化时的响应  
  76.         viewPager.setOnPageChangeListener(new NavigationPageChangeListener());  
  77.     }  
  78.   
  79.     // 导航图片view的适配器，必须要实现的是下面四个方法  
  80.     class NavigationPageAdapter extends PagerAdapter {  
  81.   
  82.         @Override  
  83.         public int getCount() {  
  84.             return pageViews.size();  
  85.         }  
  86.   
  87.         @Override  
  88.         public boolean isViewFromObject(View arg0, Object arg1) {  
  89.             return arg0 == arg1;  
  90.         }  
  91.   
  92.         // 初始化每个Item  
  93.         @Override  
  94.         public Object instantiateItem(View container, int position) {  
  95.             ((ViewPager) container).addView(pageViews.get(position));  
  96.             return pageViews.get(position);  
  97.         }  
  98.   
  99.         // 销毁每个Item  
  100.         @Override  
  101.         public void destroyItem(View container, int position, Object object) {  
  102.             ((ViewPager) container).removeView(pageViews.get(position));  
  103.         }  
  104.   
  105.     }  
  106.   
  107.     // viewpager的监听器，主要是onPageSelected要实现  
  108.     class NavigationPageChangeListener implements OnPageChangeListener {  
  109.   
  110.         @Override  
  111.         public void onPageScrollStateChanged(int arg0) {  
  112.   
  113.         }  
  114.   
  115.         @Override  
  116.         public void onPageScrolled(int arg0, float arg1, int arg2) {  
  117.   
  118.         }  
  119.   
  120.         @Override  
  121.         public void onPageSelected(int position) {  
  122.             // 循环主要是控制导航中每个小圆点的状态  
  123.             for (int i = 0; i < imageViews.length; i++) {  
  124.                 // 当前view下设置小圆点为选中状态  
  125.                 imageViews[i].setImageDrawable(getResources().getDrawable(  
  126.                         R.drawable.page_indicator_focused));  
  127.                 // 其余设置为飞选中状态  
  128.                 if (position != i)  
  129.                     imageViews[i].setImageDrawable(getResources().getDrawable(  
  130.                             R.drawable.page_indicator_unfocused));  
  131.             }  
  132.         }  
  133.   
  134.     }  
  135.   
  136.     // 开始按钮方法，开始按钮在XML文件中onClick属性设置；  
  137.     // 我试图把按钮在本activity中实例化并设置点击监听，但总是报错，使用这个方法后没有报错，原因没找到  
  138.     public void startbutton(View v) {  
  139.         Intent intent = new Intent(WhatsnewPagesA.this, WhatsnewAnimationA.class);  
  140.         startActivity(intent);  
  141.         WhatsnewPagesA.this.finish();  
  142.     }  
  143.   
  144. }  


 

     而后的便是开门的动画效果了，这一块还是比较简单的，分别控制两幅图片的移动动画就可以实现

                        

  1. package com.example.weichat.UI;  
  2.   
  3. import com.example.weichat.R;  
  4. import android.app.Activity;  
  5. import android.content.Intent;  
  6. import android.os.Bundle;  
  7. import android.os.Handler;  
  8. import android.view.animation.Animation;  
  9. import android.view.animation.AnimationSet;  
  10. import android.view.animation.TranslateAnimation;  
  11. import android.widget.ImageView;  
  12.   
  13. /**导航过后的动画效果界面*/  
  14. public class WhatsnewAnimationA extends Activity {  
  15.   
  16.     private ImageView img_left, img_right;  
  17.   
  18.     @Override  
  19.     protected void onCreate(Bundle savedInstanceState) {  
  20.         // TODO Auto-generated method stub  
  21.         super.onCreate(savedInstanceState);  
  22.         setContentView(R.layout.whatnew_animation);  
  23.         img_left = (ImageView) findViewById(R.id.doorpage_left);  
  24.         img_right = (ImageView) findViewById(R.id.doorpage_right);  
  25.   
  26.         //创建一个AnimationSet对象  
  27.         AnimationSet animLeft = new AnimationSet(true);  
  28.         TranslateAnimation transLeft = new TranslateAnimation(  
  29.                 Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF,  
  30.                 -1f, Animation.RELATIVE_TO_SELF, 0f,  
  31.                 Animation.RELATIVE_TO_SELF, 0f);  
  32.         //设置动画效果持续的时间  
  33.         transLeft.setDuration(2000);  
  34.         //将anim对象添加到AnimationSet对象中  
  35.         animLeft.addAnimation(transLeft);  
  36.         animLeft.setFillAfter(true);  
  37.         img_left.startAnimation(transLeft);  
  38.         transLeft.startNow();  
  39.           
  40.           
  41.           
  42.         //创建一个AnimationSet对象  
  43.         AnimationSet animRight = new AnimationSet(true);  
  44.         TranslateAnimation transRight = new TranslateAnimation(  
  45.                 Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF,  
  46.                 1f, Animation.RELATIVE_TO_SELF, 0f,  
  47.                 Animation.RELATIVE_TO_SELF, 0f);  
  48.         //设置动画效果持续的时间  
  49.         transRight.setDuration(2000);  
  50.         //将anim对象添加到AnimationSet对象中  
  51.         animRight.addAnimation(transRight);  
  52.         animRight.setFillAfter(true);  
  53.         img_right.startAnimation(transRight);  
  54.         transRight.startNow();  
  55.           
  56.         new Handler().postDelayed(new Runnable() {  
  57.               
  58.             @Override  
  59.             public void run() {  
  60.                 // TODO Auto-generated method stub  
  61.                 Intent intent = new Intent(WhatsnewAnimationA.this, FirstPageA.class);  
  62.                 startActivity(intent);  
  63.                 WhatsnewAnimationA.this.finish();  
  64.             }  
  65.         }, 1000);  
  66.     }  
  67.       
  68.   
  69. }  
[java]  view plain copy print ?
  1. package com.example.weichat.UI;  
  2.   
  3. import com.example.weichat.R;  
  4. import android.app.Activity;  
  5. import android.content.Intent;  
  6. import android.os.Bundle;  
  7. import android.os.Handler;  
  8. import android.view.animation.Animation;  
  9. import android.view.animation.AnimationSet;  
  10. import android.view.animation.TranslateAnimation;  
  11. import android.widget.ImageView;  
  12.   
  13. /**导航过后的动画效果界面*/  
  14. public class WhatsnewAnimationA extends Activity {  
  15.   
  16.     private ImageView img_left, img_right;  
  17.   
  18.     @Override  
  19.     protected void onCreate(Bundle savedInstanceState) {  
  20.         // TODO Auto-generated method stub  
  21.         super.onCreate(savedInstanceState);  
  22.         setContentView(R.layout.whatnew_animation);  
  23.         img_left = (ImageView) findViewById(R.id.doorpage_left);  
  24.         img_right = (ImageView) findViewById(R.id.doorpage_right);  
  25.   
  26.         //创建一个AnimationSet对象  
  27.         AnimationSet animLeft = new AnimationSet(true);  
  28.         TranslateAnimation transLeft = new TranslateAnimation(  
  29.                 Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF,  
  30.                 -1f, Animation.RELATIVE_TO_SELF, 0f,  
  31.                 Animation.RELATIVE_TO_SELF, 0f);  
  32.         //设置动画效果持续的时间  
  33.         transLeft.setDuration(2000);  
  34.         //将anim对象添加到AnimationSet对象中  
  35.         animLeft.addAnimation(transLeft);  
  36.         animLeft.setFillAfter(true);  
  37.         img_left.startAnimation(transLeft);  
  38.         transLeft.startNow();  
  39.           
  40.           
  41.           
  42.         //创建一个AnimationSet对象  
  43.         AnimationSet animRight = new AnimationSet(true);  
  44.         TranslateAnimation transRight = new TranslateAnimation(  
  45.                 Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF,  
  46.                 1f, Animation.RELATIVE_TO_SELF, 0f,  
  47.                 Animation.RELATIVE_TO_SELF, 0f);  
  48.         //设置动画效果持续的时间  
  49.         transRight.setDuration(2000);  
  50.         //将anim对象添加到AnimationSet对象中  
  51.         animRight.addAnimation(transRight);  
  52.         animRight.setFillAfter(true);  
  53.         img_right.startAnimation(transRight);  
  54.         transRight.startNow();  
  55.           
  56.         new Handler().postDelayed(new Runnable() {  
  57.               
  58.             @Override  
  59.             public void run() {  
  60.                 // TODO Auto-generated method stub  
  61.                 Intent intent = new Intent(WhatsnewAnimationA.this, FirstPageA.class);  
  62.                 startActivity(intent);  
  63.                 WhatsnewAnimationA.this.finish();  
  64.             }  
  65.         }, 1000);  
  66.     }  
  67.       
  68.   
  69. }  

最后进入到我们的登陆界面，就是一个简单的微信登陆布局，代码就不贴了

                                        

 

    OK了，以上就是微信第一次使用的时候开场功能介绍和动画，比较使用，适用于为自己发布新产品的时候作为导航简介，大家可以根据具体要求具体设计，不过大致思路都是这样的。

读书与远方
关注
专栏目录
android仿QQ登录界面
04-08
android仿QQ登录界面
Android仿QQ微信开场导航以及登陆界面
赠人玫瑰,手留余香.
12-21 1046
转自：http://blog.csdn.net/eyu8874521/article/details/8332366 相信大家对于微信等社交应用的UI界面已经都很熟悉了，该UI最值得借鉴的莫过于第一次使用的时候一些列产品介绍的图片，可以左右滑动浏览，最后进入应用，这一效果适用于多种项目中，相信今后开发应用一定会用得到。网路上也有不少这样的例子可以参考，不过看别人的代码是一回事，自己实际做起来
android 仿QQ登录界面
08-14
最近做的一个仿QQ登录界面，效果图可以看http://blog.csdn.net/qq83667664/article/details/52201846
Android 仿QQ登录界面.zip
07-10
Android 仿QQ登录界面简单的仿照QQ的登录页面
Android实现QQ微信开场与登录界面动画
"这篇教程详细介绍了如何在Android平台上仿制QQ和微信的开场导航和登录界面，特别是那种可以通过左右滑动浏览产品介绍图片并最终进入应用的特效。开发者通过研究多个类似界面并动手实践，创建了一个包含详细注释的...
Android_仿QQ登陆界面
04-29
Android_仿QQ登陆界面
在 Android Studio 中创建一个简单的 QQ 登录界面
DonFred的博客
03-30 5545
接下来，选择 "Phone and Tablet" 作为您的设备类型，然后选择 "Empty Activity" 作为您的 Activity 模板。ImageView 元素具有一个名为 "src" 的属性，用于指定应用程序将显示的图像。在此示例中，我们将 "src" 属性设置为名为 "qq_logo" 的 drawable 资源。打开 "res" 文件夹下的 "layout" 文件夹，找到名为 "activity_main.xml" 的文件。添加两个 EditText 元素，用于输入用户名和密码。
一个简易仿qq登录界面
06-26
实现一个简易仿qq登录界面，要求实现： 1) 登录界面有帐号、密码文本和编辑框，登录和退出按钮。在程序中维护一个帐号密码的数组，用以判断正确登录与否。如果登录成功，则进入qq主界面，否则清空帐号和密码编辑框，重新登录； 2) 在qq主界面中，显示当前登录帐号信息、退出登录按钮和一个列表框listview，列表框中有以下几项：在线好友、我的好友、陌生人、黑名单和我的群； 3) 在qq主界面中，可以给当前登录帐号选择头像。当点击登录帐号头像时，进入头像选择界面，该界面是一个gridview(其用法参考P133例子)，每个格子中放一个头像，选中确定后返回qq主界面，并在qq主界面显示所选中的头像。
已解决：安卓自带的webview加载前端h5项目白屏时长严重，vue首页加载白屏时间过长，那我让app进入的时候就提前加载网页
最新发布
Spy003的博客
04-15 6175
描述一下我的情况，我写了一个vue项目，需要嵌在安卓里运行，没想到安卓webview加载vue会这么慢，不知道是哪里出了问题，先介绍一下我的abandon的思路：1、启用本地有缓存就就从缓存中加载，没有缓存就从网络加载的方式，这个缓存模式，仍然阻挡不了第一次没有缓存的白屏很久的情况，虽然第一次过后速度会明显加快，但是第一次的慢客户也是不接受的呀，于是这种只是我在开发过程中体验体验了，而且开启了这种缓存模式，vue有js更新也不能更新到缓存，还是要清缓存才行。于是这种方案在提交测试之后就放弃了。预加载、
Android第一次实验：微信简单界面设计
qq_55506538的博客
10-08 2294
@[toc] #1.实验环境： Windows系统，Android Studio #2.界面分析： 为了实现微信的界面转换功能，我们设置中间的组件为Fragment，在我们进行接下来的代码操作后，点击底部的按钮会进行界面的转换。 以下是点击通讯录后的界面。 我们可以清晰的看到图标和文字也发生了变化 #3.界面的代码实现： ##3.1顶部top.xml文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout .
android 仿微信demo————微信发现界面实现
热门推荐
stormzhuo的博客
06-18 1万+
以往文章 android 仿微信demo————微信启动页实现 android 仿微信demo————注册功能实现（移动端） android 仿微信demo————注册功能实现（服务端） android 仿微信demo————登录功能实现（移动端） android 仿微信demo————登录功能实现（服务端） android 仿微信demo————微信主界面功能实现 android 仿微信demo————微信消息界面功能实现（移动端） android 仿微信demo————微信消息界面功能实现（服务端） a
Android仿微信UI布局视图（圆角布局的实现）
红日
07-14 2349
圆角按钮，或布局可以在xml文件中实现，但也可以使用图片直接达到所需的效果，以前版本的微信就使用了这种方法。 实现效果图：    不得不说，这种做法还是比较方便的。 源代码： MainActivity（没写任何代码，效果全在布局文件中实现）： package com.android_settings; import android.app.Activity; import
Android仿QQ微信UI实现导航页和开场动画【附源码】
....
11-19 3422
Android仿QQ微信UI实现导航页和开场动画【附源码】 相信大家对于微信等社交应用的UI界面已经都很熟悉了，该UI最值得借鉴的莫过于第一次使用的时候一些列产品介绍的图片，可以左右滑动浏览，最后进入应用，这一效果适用于多种项目中，相信今后开发应用一定会用得到。网路上也有不少这样的例子可以参考，不过看别人的代码是一回事，自己实际做起来又是另一回事，今天的这
APP首次启动引导界面和启动界面设置——iOS开发
弄潮者的博客
07-28 1万+
APP首次启动引导界面和启动界面设置——iOS开发。及NSUserDefaults的使用
Android UI设计初体验（模仿微信登录界面）
Kw学编程
09-13 1万+
虽然说软件分工的目的在于各司其职更有效地完成开发任务，但在我写代码的过程中总是忍不住搞搞美工的事。（估计骨子里是个搞美工的） 因为软件的好坏，有时候不是从功能上评价的，而是从外观上。而美工这活，绿色与浅绿色的区别，没准就造成美丑之分。 这两天完成了功能代码的编写，心血来潮搞起UI，通过模仿微信（配色、布局、操作方式）来完善我的app（虽然是一个完全不需要外观的app = =）。 经过
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值