Android:仿微信开场切换界面
这实例很多人仿做,好实例还是不容错过!最重要是素材容易拿~
效果:
默认3页面的切换,最后一个页面带按钮,点击进入另外一个页面
思路:
1、准备5个布局页面,1个为主函数布局页面,3个为切换的页面(其一带按钮),1个为按钮点击进入的页面(这个需要Activity)。
2、用适配器绑定相应的view,设置适配器
3、制作点点,设置监听事件控制点点
4、设置按钮的点击事件
主要代码:
主布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" > <android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
</android.support.v4.view.ViewPager>
</LinearLayout>
有按钮的切换页布局:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/whatsnew_page01"
> <Button
android:id="@+id/comein"
android:layout_width="120dp"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="进入微信"
android:textColor="#ffffff"
android:layout_centerInParent="true"
android:background="@drawable/btn_selector"
android:onClick="startbutton"
/> </RelativeLayout>
程序代码:
public class MainActivity extends Activity {
private ViewPager viewpager;
private ArrayList<View>views ; //点点
private ViewGroup listgroup;
private ImageView imageview;
private ImageView[] imageviewArr; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//设置无标题栏
requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.start); //内容
viewpager = (ViewPager) findViewById(R.id.viewpager);
views = new ArrayList<View>(); //把view加入数组
LayoutInflater lf = getLayoutInflater();
View v1 =lf.inflate(R.layout.w1, null);
View v2 =lf.inflate(R.layout.w2, null);
View v3 =lf.inflate(R.layout.w3, null);
views.add(v1);
views.add(v2);
views.add(v3); /*
* 把点加入ViewGroup
* */
listgroup = (ViewGroup) findViewById(R.id.listgroup);
//有多少个界面数组就包含多少个点
imageviewArr = new ImageView[views.size()];
//生成每个点
for(int i=0;i<views.size();i++){
imageview = new ImageView(MainActivity.this);
//设置点的宽和高
imageview.setLayoutParams(new LayoutParams(9,9));
//设置点padding(左,上,右,下)
imageview.setPadding(20, 0, 20, 0); //放入数组
imageviewArr[i]=imageview; //设置第一个点样式为选中状态,其他为默认状态
if(i==0){
imageview.setBackgroundResource(R.drawable.page_indicator_focused);
}else{
imageview.setBackgroundResource(R.drawable.page_indicator_unfocused);
} listgroup.addView(imageviewArr[i]); } //绑定适配器
viewpager.setAdapter(new ViewPagerAdapter()); //设置监听器,切换时,点样式同步切换
viewpager.setOnPageChangeListener(new listChangerListener());
} /*
* viewpager的适配器
* */
public class ViewPagerAdapter extends PagerAdapter{
//实现PagerAdapter至少要覆盖以下方法
@Override
//返回窗体界面数
public int getCount() {
// TODO Auto-generated method stub
return views.size();
} @Override
//判断对象是否生成界面
public boolean isViewFromObject(View arg0, Object arg1) {
// TODO Auto-generated method stub
return arg0==arg1;
} @Override
//销毁一个界面
public void destroyItem(View container, int position, Object object) {
// TODO Auto-generated method stub
((ViewPager)container).removeView(views.get(position));
} @Override
//初始化界面
public Object instantiateItem(View container, int position) {
// TODO Auto-generated method stub
((ViewPager)container).addView(views.get(position));
return views.get(position);
} } /*
* viewpager的监听器
* */
public class listChangerListener implements OnPageChangeListener{ @Override
public void onPageScrollStateChanged(int arg0) {
// TODO Auto-generated method stub } @Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
// TODO Auto-generated method stub } @Override
public void onPageSelected(int arg0) {
// TODO Auto-generated method stub
for(int i=0;i<imageviewArr.length;i++){
//当前索引为arg0,循环所有点,如果i为当前索引。则i样式为选中状态
imageviewArr[arg0].setBackgroundResource(R.drawable.page_indicator_focused);
if(arg0 !=i){
//否则样式为未选中状态
imageviewArr[i].setBackgroundResource(R.drawable.page_indicator_unfocused);
}
} } } //点击按钮打开新页面
public void startbutton(View v) {
Intent intent = new Intent(MainActivity.this, HomeActivity.class);
startActivity(intent);
MainActivity.this.finish();
} }
Android:仿微信开场切换界面的更多相关文章
- 转-Android仿微信气泡聊天界面设计
微信的气泡聊天是仿iPhone自带短信而设计出来的,不过感觉还不错可以尝试一下仿着微信的气泡聊天做一个Demo,给大家分享一下!效果图如下: 气泡聊天最终要的是素材,要用到9.png文件的素材,这样气 ...
- Android仿微信气泡聊天界面设计
微信的气泡聊天是仿iPhone自带短信而设计出来的,不过感觉还不错可以尝试一下仿着微信的气泡聊天做一个Demo,给大家分享一下!效果图如下: 气泡聊天最终要的是素材,要用到9.png文件的素材,这样气 ...
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等
仿照微信,朋友圈分享图片功能 .可以进行图片的多张选择,拍照添加图片,以及进行图片的预览,预览时可以进行缩放,并且可以删除选中状态的图片 .很不错的源码,大家有需要可以下载看看 . 微信 微信 微信 ...
- Android 仿微信小视频录制
Android 仿微信小视频录制 WechatShortVideo和WechatShortVideo文章
- 实现了在android实现左右滑动切换界面的效果
这是实现了在android实现左右滑动切换界面的效果,该效果的源码下载,请到源码天堂下载吧,喜欢的朋友可以研究一下. 布局文件 <?xml version="1.0" enc ...
- Android仿微信界面
效果图 原理介绍 1.先绘制一个颜色(例如:粉红) 2.设置Mode=DST_IN 3.绘制我们这个可爱的小机器人 回答我,显示什么,是不是显示交集,交集是什么?交集是我们的小机器人的非透明区域,也就 ...
- android仿微信红包动画、Kotlin综合应用、Xposed模块、炫酷下拉视觉、UC浏览器滑动动画等源码
Android精选源码 仿微信打开红包旋转动画 使用Kotlin编写的Android应用,内容你想象不到 Android手机上的免Root Android系统日志Viewer 一个能让微信 Mater ...
- Android仿微信拍摄短视频
近期做项目需要添加上传短视频功能,功能设置为类似于微信,点击开始拍摄,设置最长拍摄时间,经过研究最终实现了这个功能,下面就和大家分享一下,希望对你有帮助. 1.视频录制自定义控件: /** * 视频播 ...
- jquery 仿手机屏幕切换界面效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
随机推荐
- FAILURE: Build failed with an exception. Crunching Cruncher screen.png failed
自己测试ionic的模板项目cutePuppyPics时,按照https://github.com/driftyco/ionic/blob/2.0/CHANGELOG.md#angular-updat ...
- Java编程思想之字符串
来自:Java编程思想(第四版) 第十三章 字符串 字符串操作是计算机程序中最常见的行为. String对象是不可变的.查看JDK文档你就会发现,String类中每一个看起来会修改String ...
- (POJ 3694) Network 求桥个数
题目链接:http://poj.org/problem?id=3694Description A network administrator manages a large network. The ...
- 线程模式HS/HA和L/F的区别, HS/HA的实现原理图
线程池模式一般分为两种:L/F领导者与跟随者模式.HS/HA半同步/半异步模式. HS/HA 半同步/ 半异步模式 :分为三层,同步层.队列层.异步层,又称为生产者消费者模式,主线程处理I/O事件并解 ...
- java-多线程-join函数
join()>>不带参数 线程A调用线程B.join,意思就是线程A并入了线程B,当执行完线程B,再去执行线程A后续动作 join(int keepTims)>>带参数,与上面 ...
- apache、php隐藏头信息的方法
本文介绍下,在apache与php中隐藏头部信息的方法,有需要的朋友参考下. 一.apache隐藏头部信息 apache 的 httpd.conf 有两个配置可以控制是否显示服务器信息给用户.Serv ...
- 生成静态页面的PHP类
生成静态页面的PHP类: 复制代码代码如下: <?php class html { var $dir; //dir for the htmls(without/) var $ ...
- 用端口映射在Apache中对每个项目分配端口,实现一个端口访问一个网站
映口映射的功能主要就是实际互联网可以访问当前进行映射的电脑,首先我们要进行路由器的端口映射,常见的开放端口有80,21,3389等,80是网站常用端口,21是FTP服务器常用端口,3389是远程桌面连 ...
- 编译Linux系统下的jrtplib3.9和jthread1.3(arm和ubuntu)
最近由于学习需要,需要编译jrtplib,网上的资料基本上都是关于3.9以前的版本,而以前的版本基本上都是通过confiugre来配置生成Makefile,而最近的版本却没有这一项,而是使用cmake ...
- (转载)猫都能学会的Unity3D Shader入门指南(一)
原文地址 http://onevcat.com/2013/07/shader-tutorial-1/ 动机 自己使用Unity3D也有一段时间了,但是很多时候是流于表面,更多地是把这个引擎简单地用作脚 ...