android 开发零起步学习笔记(十一):界面切换+几种常用界面切换效果

来源:互联网 发布:什么英语软件好 编辑:程序博客网 时间:2024/05/16 08:28

两种方法实现界面的切换:

方法1、layout切换(通过setContentView切换layout)

方法2、Activity切换

方法3、Android之fragment点击切换和滑动切换



方法1、layout切换(通过setContentView切换layout)

有以下步骤:
①新建一个界面的layout的xml文件
②触发某一控件(如Button),该控件已经加载监听器,监听器通过setContentView函数切换layout
    这样的实现整个过程都是在一个Activity上面实现,所有变量都在同一状态,因此所有变量都可以在这个Activity状态中获得。
代码如下:
[java] 
public void onCreate(Bundle savedInstanceState) { 
         super.onCreate(savedInstanceState); 
         setContentView(R.layout.main); 
         Button button = (Button) this.findViewById(R.id.button1); 
         //给按钮设置监听器 
         button.setOnClickListener(new OnClickListener() {              
           @Override 
           public void onClick(View v) { 
           //通过调用setContentView函数切换layout 
           setContentView(R.layout.login); 
          } 
      }); 
     }

另一篇《多个layout界面之间的切换》 http://www.cnblogs.com/tt_mc/archive/2010/06/22/1762794.html


方法2、Activity切换 及切换效果

通过转换到另一个Activity,步骤如下
①建一个Activity类
②把该类注册到AndroidManifest.xml,如下
         <activity android:name=".LoginActivity"></activity>
③在原来的Activity上面通过创建Intent类来进行Activity的切换,代码如下
[java] 
public void onCreate(Bundle savedInstanceState) { 
         super.onCreate(savedInstanceState); 
         setContentView(R.layout.main); 
         Button button_activity = (Button) this.findViewById(R.id.button2); 
         button_activity.setOnClickListener(new OnClickListener()){                
         @Override 
         public void onClick(View v) { 
 
        Intent intent = new Intent(MainActivity.this, LoginActivity.class); 
        startActivity(intent); 
        } 
        }); 

--------------Activity切换的几种方法-----------------------------

1.无参数Activity跳转

Intent it = new Intent(Activity.Main.this, Activity2.class);startActivity(it);   2.向下一个Activity传递数据(使用Bundle和Intent.putExtras)Intent it = new Intent(Activity.Main.this, Activity2.class);Bundle bundle=new Bundle();bundle.putString("name", "This is from MainActivity!");it.putExtras(bundle);       // it.putExtra(“test”, "shuju”);startActivity(it);            // startActivityForResult(it,REQUEST_CODE);对于数据的获取可以采用:Bundle bundle=getIntent().getExtras();String name=bundle.getString("name");3.向上一个Activity返回结果(使用setResult,针对startActivityForResult(it,REQUEST_CODE)启动的Activity)        Intent intent=getIntent();        Bundle bundle2=new Bundle();        bundle2.putString("name", "This is from ShowMsg!");        intent.putExtras(bundle2);        setResult(RESULT_OK, intent);4.回调上一个Activity的结果处理函数(onActivityResult)@Override    protected void onActivityResult(int requestCode, int resultCode, Intent data) {        // TODO Auto-generated method stub        super.onActivityResult(requestCode, resultCode, data);        if (requestCode==REQUEST_CODE){            if(resultCode==RESULT_CANCELED)                  setTitle("cancle");            else if (resultCode==RESULT_OK) {                 String temp=null;                 Bundle bundle=data.getExtras();                 if(bundle!=null)   temp=bundle.getString("name");                 setTitle(temp);            }        }    }


---------------切换动画--------------------------

Activity的切换动画指的是从一个activity跳转到另外一个activity时的动画。

{它包括两个部分:
一部分是第一个activity退出时的动画;
另外一部分时第二个activity进入时的动画;
在Android的2.0版本之后,有了一个函数来帮我们实现这个动画。这个函数就是overridePendingTransition

@Override 
      public void onCreate(Bundle savedInstanceState) { 
              super.onCreate(savedInstanceState);  

              setContentView(R.layout.SplashScreen); 
 
              new Handler().postDelayed(new Runnable() { 
                      @Override 
                      public void run() { 
                              Intent mainIntent = new Intent(SplashScreen.this,     AndroidNews.class); 
                              SplashScreen.this.startActivity(mainIntent); 
                              SplashScreen.this.finish(); 
 
                              overridePendingTransition(R.anim.mainfadein, 
                                      R.anim.splashfadeout); 
                      } 
              }, 3000); 
      } 

上面的代码只是闪屏的一部分。

 
getWindow (). setWindowAnimations ( int );    

getWindow (). setWindowAnimations ( int );

这可没有上个好但是也可以 。

实现淡入淡出的效果1

overridePendingTransition(R.anim.splash_screen_fade, R.anim.splash_screen_hold);

实现淡入淡出的效果2

overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out);     

由左向右滑入的效果

overridePendingTransition(Android.R.anim.slide_in_left,android.R.anim.slide_out_right);     

实现zoomin和zoomout,即类似iphone的进入和退出时的效果

 
overridePendingTransition(R.anim.zoomin, R.anim.zoomout);    

overridePendingTransition(R.anim.zoomin, R.anim.zoomout);

 

新建zoomin.xml文件

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:Android="http://schemas.android.com/apk/res/android"
        Android:interpolator="@android:anim/decelerate_interpolator">
    <scale Android:fromXScale="2.0" android:toXScale="1.0"
           Android:fromYScale="2.0" android:toYScale="1.0"
           Android:pivotX="50%p" android:pivotY="50%p"
           Android:duration="@android:integer/config_mediumAnimTime" />
</set>

新建zoomout.xml文件

 

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:Android="http://schemas.android.com/apk/res/android"
        Android:interpolator="@android:anim/decelerate_interpolator"
        Android:zAdjustment="top">
    <scale Android:fromXScale="1.0" android:toXScale=".5"
           Android:fromYScale="1.0" android:toYScale=".5"
           Android:pivotX="50%p" android:pivotY="50%p"
           Android:duration="@android:integer/config_mediumAnimTime" />
    <alpha Android:fromAlpha="1.0" android:toAlpha="0"
            Android:duration="@android:integer/config_mediumAnimTime"/>
</set>

另一篇《在两个Activity之间实现界面切换》
http://blog.csdn.net/lsj19830812/article/details/7110028


方法3、Android之fragment点击切换和滑动切换

学了一小段时间的Android,主要接触的是UI设计,打交道最多莫过于fragment了吧。在Android3.0引入了fragment的概念后,几乎在所以的Android的应用中都可以看见其身影,已经有很多前辈高人都已经详细介绍过fragmrnt,我这里就不多说什么了。

这里本来是想模仿一下微信的切换效果,怎奈水平不足,这里就献丑贴出半成品的代码,希望有大神能指点一下。废话不多说,上代码。先从简单的开始吧,这里是我一共用了3个fragment,这里就只贴出第一个的fragment的布局,别的两个基本一样,比较简朴。

复制代码
<?xml version="1.0" encoding="UTF-8"?><LinearLayout    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical"    android:gravity="center_horizontal|center_vertical"     xmlns:android="http://schemas.android.com/apk/res/android">    <TextView         android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="This the first fragment"        /></LinearLayout>
复制代码

接下来的是使用fragment片段,这里也只贴出第一个的。

复制代码
package com.example.fragments;import com.example.viewfragtext.R;import android.os.Bundle;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;public class Fragmentone extends Fragment{    @Override    public View onCreateView(LayoutInflater inflater, ViewGroup container,            Bundle savedInstanceState) {        // TODO Auto-generated method stub        return inflater.inflate(R.layout.fragment1, container, false);    }}
复制代码

接下来便要开始实现切换的功能,这里是底部切换组件(tabfoot)的布局。

复制代码
<?xml version="1.0" encoding="UTF-8"?><LinearLayout     android:layout_width="fill_parent"    android:layout_height="44dp"    android:orientation="horizontal"    android:background="@drawable/tabfootbg"    xmlns:android="http://schemas.android.com/apk/res/android">    <LinearLayout          android:id="@+id/lay1"         android:layout_width="match_parent"         android:layout_height="match_parent"         android:layout_weight="1"         style="@style/Linearlayout_Style"        >        <TextView             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:id="@+id/fratext1"            android:text="@string/chat"            android:textColor="@color/black"            />    </LinearLayout>    <LinearLayout          android:id="@+id/lay2"         android:layout_width="match_parent"         android:layout_height="match_parent"         android:layout_weight="1"         style="@style/Linearlayout_Style">        <TextView             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:id="@+id/fratext2"            android:text="@string/find"            android:textColor="@color/black"/>    </LinearLayout>    <LinearLayout          android:id="@+id/lay3"         android:layout_width="match_parent"         android:layout_height="match_parent"         android:layout_weight="1"         style="@style/Linearlayout_Style">         <TextView             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:id="@+id/fratext3"            android:text="@string/tongxunlu"            android:textColor="@color/black"/>     </LinearLayout></LinearLayout>
复制代码

这里分别是自定义的style和color的代码。

复制代码
<style name="Linearlayout_Style">        <item name="android:orientation">vertical</item>               <item name="android:gravity">center</item>        <item name="android:clickable">true</item>        <item name="android:onClick">LayoutOnclick</item> </style><?xml version="1.0" encoding="UTF-8"?><resources >    <color name="lightseagreen">#20b2aa</color><!--亮海蓝色 -->     <color name="black">#000000</color><!-- 黑色 -->    </resources>
复制代码

别的设计都完成了,马上对应的是MainActivity的设计,这是其布局

复制代码
<LinearLayout     android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical"    xmlns:android="http://schemas.android.com/apk/res/android">               <fragment        android:name="com.example.fragments.Fragmentone"        android:id="@+id/fragment1"        android:layout_height="0dp"        android:layout_weight="1.0"        android:layout_width="fill_parent"        />     <fragment        android:name="com.example.fragments.Fragmenttwo"        android:id="@+id/fragment2"        android:layout_height="0dp"        android:layout_weight="1.0"        android:layout_width="fill_parent"        />         <fragment        android:name="com.example.fragments.Fragmentthree"        android:id="@+id/fragment3"        android:layout_height="0dp"        android:layout_weight="1.0"        android:layout_width="fill_parent"              />       <include layout="@layout/tabfoot"/>    </LinearLayout>
复制代码

最后遍是实现在主活动中实现点击底部切换和滑动的换的功能。这里滑动功能我是采用手势(Gesture)实现的。

复制代码

 

 

复制代码
  1 package com.example.viewfragtext;  2   3 import android.os.Bundle;  4 import android.support.v4.app.Fragment;  5 import android.support.v4.app.FragmentActivity;  6 import android.view.GestureDetector;  7 import android.view.GestureDetector.OnGestureListener;  8 import android.view.Menu;  9 import android.view.MotionEvent; 10 import android.view.View; 11 import android.widget.LinearLayout; 12 import android.widget.TextView; 13  14 public class MainActivity extends FragmentActivity implements OnGestureListener 15 { 16     public static Fragment[] fragments; 17     public static LinearLayout[] linearLayouts; 18     public static TextView[] textViews; 19     /**定义手势检测实例*/ 20     public static GestureDetector detector; 21     /**做标签,记录当前是哪个fragment*/ 22     public int MARK=0; 23     /**定义手势两点之间的最小距离*/ 24     final int DISTANT=50;  25            26      27     @Override 28     protected void onCreate(Bundle savedInstanceState) { 29         super.onCreate(savedInstanceState); 30         setContentView(R.layout.activity_main); 31         //分别实例化和初始化fragement、lineatlayout、textview 32         setfragment(); 33         setlinearLayouts(); 34         settextview(); 35         //创建手势检测器 36         detector=new GestureDetector(this); 37          38     } 39  40     @Override 41     public boolean onCreateOptionsMenu(Menu menu) { 42         // Inflate the menu; this adds items to the action bar if it is present. 43         getMenuInflater().inflate(R.menu.main, menu); 44         return true; 45     } 46     /**初始化fragment*/ 47     public void setfragment() 48     { 49         fragments=new Fragment[3]; 50         fragments[0]=getSupportFragmentManager().findFragmentById(R.id.fragment1); 51         fragments[1]=getSupportFragmentManager().findFragmentById(R.id.fragment2); 52         fragments[2]=getSupportFragmentManager().findFragmentById(R.id.fragment3); 53         getSupportFragmentManager().beginTransaction().hide(fragments[0]).hide(fragments[1]).hide(fragments[2]) 54         .show(fragments[0]).commit(); 55          56     } 57      /**初始化linerlayout*/ 58     public void setlinearLayouts() 59     { 60         linearLayouts=new LinearLayout[3]; 61         linearLayouts[0]=(LinearLayout)findViewById(R.id.lay1); 62         linearLayouts[1]=(LinearLayout)findViewById(R.id.lay2); 63         linearLayouts[2]=(LinearLayout)findViewById(R.id.lay3); 64         linearLayouts[0].setBackgroundResource(R.drawable.lay_select_bg); 65     } 66      /**初始化textview*/ 67     public void settextview() 68     { 69         textViews=new TextView[3]; 70         textViews[0]=(TextView)findViewById(R.id.fratext1); 71         textViews[1]=(TextView)findViewById(R.id.fratext2); 72         textViews[2]=(TextView)findViewById(R.id.fratext3); 73         textViews[0].setTextColor(getResources().getColor(R.color.lightseagreen)); 74     } 75     /**点击底部linerlayout实现切换fragment的效果*/ 76     public void LayoutOnclick(View v) 77     { 78         resetlaybg();//每次点击都重置linearLayouts的背景、textViews字体颜色 79         switch (v.getId()) { 80         case R.id.lay1: 81              getSupportFragmentManager().beginTransaction().hide(fragments[0]).hide(fragments[1]).hide(fragments[2]) 82                 .show(fragments[0]).commit(); 83             linearLayouts[0].setBackgroundResource(R.drawable.lay_select_bg); 84             textViews[0].setTextColor(getResources().getColor(R.color.lightseagreen)); 85             MARK=0; 86             break; 87  88         case R.id.lay2: 89             getSupportFragmentManager().beginTransaction().hide(fragments[0]).hide(fragments[1]).hide(fragments[2]) 90             .show(fragments[1]).commit(); 91             linearLayouts[1].setBackgroundResource(R.drawable.lay_select_bg); 92             textViews[1].setTextColor(getResources().getColor(R.color.lightseagreen)); 93             MARK=1; 94             break; 95         case R.id.lay3: 96             getSupportFragmentManager().beginTransaction().hide(fragments[0]).hide(fragments[1]).hide(fragments[2]) 97             .show(fragments[2]).commit(); 98             linearLayouts[2].setBackgroundResource(R.drawable.lay_select_bg); 99             textViews[2].setTextColor(getResources().getColor(R.color.lightseagreen));100             MARK=2;101         break;102         default:103             break;104         }105     }106     /**重置linearLayouts、textViews*/107     public void resetlaybg()108     {109         for(int i=0;i<3;i++)110         {111             linearLayouts[i].setBackgroundResource(R.drawable.tabfootbg);112             textViews[i].setTextColor(getResources().getColor(R.color.black));113         }114     115     }116 117     @Override118     public boolean onTouchEvent(MotionEvent event) {119         // TODO Auto-generated method stub120         //将该Activity上触碰事件交给GestureDetector处理121         return detector.onTouchEvent(event);122     }123     @Override124     public boolean onDown(MotionEvent arg0) {125         // TODO Auto-generated method stub126         return false;127     }128 129     /**滑动切换效果的实现*/130     @Override131     public boolean onFling(MotionEvent arg0, MotionEvent arg1, float arg2,132             float arg3) {133         // TODO Auto-generated method stub134         resetlaybg();135         //当是Fragment0的时候136         if(MARK==0)137         {138             if(arg1.getX()>arg0.getX()+DISTANT)139             {140                 getSupportFragmentManager().beginTransaction().hide(fragments[0]).hide(fragments[1]).hide(fragments[2])141                 .show(fragments[1]).commit();     142                 linearLayouts[1].setBackgroundResource(R.drawable.lay_select_bg);143                 textViews[1].setTextColor(getResources().getColor(R.color.lightseagreen));144                 MARK=1;145             }146             else147             {148                 linearLayouts[0].setBackgroundResource(R.drawable.lay_select_bg);149                 textViews[0].setTextColor(getResources().getColor(R.color.black));150             }151             152         }153         //当是Fragment1的时候154         else if (MARK==1)155         {156             if(arg1.getX()>arg0.getX()+DISTANT)157             {158                 getSupportFragmentManager().beginTransaction().hide(fragments[0]).hide(fragments[1]).hide(fragments[2])159                 .show(fragments[2]).commit();160                 linearLayouts[2].setBackgroundResource(R.drawable.lay_select_bg);161                 textViews[2].setTextColor(getResources().getColor(R.color.lightseagreen));162                 MARK=2;163             }164             else if(arg0.getX()>arg1.getX()+DISTANT)165             {166                 getSupportFragmentManager().beginTransaction().hide(fragments[0]).hide(fragments[1]).hide(fragments[2])167                 .show(fragments[0]).commit();168                 linearLayouts[0].setBackgroundResource(R.drawable.lay_select_bg);169                 textViews[0].setTextColor(getResources().getColor(R.color.lightseagreen));170                 MARK=0;171             }172             else173             {174               linearLayouts[1].setBackgroundResource(R.drawable.lay_select_bg);175                 textViews[1].setTextColor(getResources().getColor(R.color.black));176             }177         }178         //当是Fragment2的时候179         else if(MARK==2)180         {181             if(arg0.getX()>arg1.getX()+DISTANT)182             {183              getSupportFragmentManager().beginTransaction().hide(fragments[0]).hide(fragments[1]).hide(fragments[2])184              .show(fragments[1]).commit();185              linearLayouts[1].setBackgroundResource(R.drawable.lay_select_bg);186                 textViews[1].setTextColor(getResources().getColor(R.color.lightseagreen));187              MARK=1;188             }189             else190             {191              linearLayouts[2].setBackgroundResource(R.drawable.lay_select_bg);192                 textViews[2].setTextColor(getResources().getColor(R.color.black));193             }194         }195         return false;196     }197 198     @Override199     public void onLongPress(MotionEvent arg0) {200         // TODO Auto-generated method stub201         202     }203 204     @Override205     public boolean onScroll(MotionEvent arg0, MotionEvent arg1, float arg2,206             float arg3) {207         // TODO Auto-generated method stub208         return false;209     }210 211     @Override212     public void onShowPress(MotionEvent arg0) {213         // TODO Auto-generated method stub214         215     }216 217     @Override218     public boolean onSingleTapUp(MotionEvent arg0) {219         // TODO Auto-generated method stub220         return false;221     }222     223 }
复制代码

 

复制代码

最后的效果图

 

 

 

 转载请注明出处:http://www.cnblogs.com/zhrxidian/p/3801545.html 


Android页面切换方法和区别

通用的页面跳转方法有两种:

1、Intent

Intent适合Activity与Activity之间的跳转,按返回键可以直接返回前一页面

缺点:需要到Manifest注册Activity

2、setContentView

适合同一Activity里的不同View之间跳转

优点:按返回键不会返回到前一页面,需要自己添加按键监听代码来实现

 

只切换Layout运行速度会快点,因为启动activity是最耗时的。
数据传递也简单,不用Intent.setExtra之类的。
缺点是所有控件的事件处理、加载之类的操作全集中由activity管理,拆分不够清晰 

 

复制代码
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.*;

public class IntentTest extends Activity {

private LinearLayout mainView=null;
private Button button1=null;
private Button button2=null;

private LinearLayout layout=null;
private TextView tv=null;

/*
* 由于setContentVeiw()函数返回是void,系统中没有提供获取当前View的函数
* 所以此处添加一个整形变量用来指示当前View的id
*/
private int currentViewId;

public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//tv初始化
tv=new TextView(this);
tv.setText("这是layout里面的tv");
//layout初始化
layout=new LinearLayout(this);
layout.setId(100);//这里需要指定id,否则默认的id会和mainView一样,都是-1
layout.setLayoutParams(new LinearLayout.LayoutParams(-1,-1));
layout.addView(tv);
//button1初始化
button1=new Button(this);
button1.setLayoutParams(new LinearLayout.LayoutParams(-2,-2));
button1.setText("Intent方式跳转");
button1.setOnClickListener(new OnClickListener(){
public void onClick(View v) {
/*此处用Intent来实现Activity与Activity之间的跳转*/
Intent intent=new Intent();
intent.setClass(IntentTest.this,MyActivity.class);
//Intent intent=new Intent(IntentTest.this,MyActivity.class);
startActivity(intent);
}
});
//button2初始化
button2=new Button(this);
button2.setLayoutParams(new LinearLayout.LayoutParams(-2,-2));
button2.setText("setContentView方式跳转");
button2.setOnClickListener(new OnClickListener(){
public void onClick(View v) {
//此处用setContentView方式来实现统一Activity不同View跳转
setCurrentView(layout);
}
});
//mianView初始化
mainView=new LinearLayout(this);
mainView.setId(1000);//指定id
mainView.setLayoutParams(new LinearLayout.LayoutParams(-1,-1));
mainView.setOrientation(LinearLayout.VERTICAL);
mainView.addView(button1);
mainView.addView(button2);
//显示mainView
setCurrentView(mainView);
}

/*
* 这里重写onKeyDown()函数,实现返回键的监听
* 如果通过显示的View对keyListener进行监听,则返回键监听不到
* 所以此处是通过在Activity里面重写onKeyDown()函数来实现监听
* 此处如果不拦截监听的话,在显示layout后按返回键则直接执行退出程序
*/
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK) {
if(currentViewId==layout.getId()){
setCurrentView(mainView);
}else{
System.exit(0);
}
return false;
}
return false;
}

/*自定义函数setCurrentView()*/
public void setCurrentView(View view){
currentViewId=view.getId();
//此处用setContentView方式来实现统一Activity不同View跳转
setContentView(view);
}
}
复制代码
复制代码
import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;

public class MyActivity extends Activity{
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
TextView tv=new TextView(this);
tv.setText("我是MyActivity里的tv");
setContentView(tv);
}
}
复制代码




0 0