多种方式实现Android页面布局的切换
fmms
13年前
<p>用三种方式实现:按钮切换,按键切换和触摸切换。</p> <p>先说我做的第一种方式逻辑:</p> <p>先上代码:</p> <p>OneActivity.java文件代码:</p> <p></p> <pre class="brush:java; toolbar: true; auto-links: false;">package cn.class3g; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; public class OneActivity extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); Button nextButton = (Button)findViewById(R.id.next); nextButton.setOnClickListener(new OnClickListener() { @Override publicvoid onClick(View v) { setContentView(R.layout.two); ButtonupButton=(Button)findViewById(R.id.up); upButton.setOnClickListener(newOnClickListener() { @Override publicvoid onClick(View v) { setContentView(R.layout.main); ButtonnextButton = (Button)findViewById(R.id.next); } }); } }); } }</pre> <p></p> <p>解释:这是我最初写的代码,布局文件写了两个:main.xml和two.xml,分别显示两个页面,分别有一个<TextView>和<Button>元素,具体代码如下:</p> <p>Main.xml代码:</p> <p></p> <pre class="brush:xml; toolbar: true; auto-links: false;"><?xml version="1.0"encoding="utf-8"?> <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="这是第一页" /> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@+id/next" android:text="下一页"/> </LinearLayout></pre> <p></p> <p> </p> <p>Two.xml代码:</p> <p></p> <pre class="brush:xml; toolbar: true; auto-links: false;"><?xmlversion="1.0" encoding="utf-8"?> <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical"> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="这是第二页" /> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@+id/up" android:text="上一页" /> </LinearLayout></pre> <p></p> <p>两个xml文件写完后就是写逻辑了,java代码如开头写的那样,我是这样想的:</p> <p> 默认的onCreate方法初始化后,通过setContentView调用布局文件main。Xml这就是默认的布局,然后声明了一个 Button组件命名为nextButton,调用setOnClickListener监听器实现对按钮的监听,在监听器中new了一个点击监听器 onclickListener,在监听器中实现了一个名为onClick的方法,在这里我写了一个跳转页面的setContentView方法,通过点击Button按钮实现跳转到two.xml布局页面上,这样就打开了two.xml页面;在这个页面上写了另一个Button按钮命名为:upButton用来返回上页面,就这样通过嵌套就实现了通过点击按钮实现页面切换的效果。</p> <p>但这不是我想要的效果,我要的效果是无论点击哪个按钮都会出现不同的样式页面,所以我通过对按钮进行判断来实现效果。首先想到的是用if语句进行判断点击的是哪个按钮,然后进行不同的操作。我想这样好点吧,但事实上不需要那么复杂去判断键值就可以实现:</p> <p> </p> <p></p> <pre class="brush:java; toolbar: true; auto-links: false;">packagecn.class3g; importandroid.app.Activity; importandroid.os.Bundle; importandroid.view.View; importandroid.widget.Button; public classActivityTest extends Activity { /** Called when the activity is firstcreated. */ @Override public void onCreate(BundlesavedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); Button nextButton =(Button)findViewById(R.id.next); nextLayout();//显示下一个页面 } public void nextLayout(){ setContentView(R.layout.two); ButtonupButton=(Button)findViewById(R.id.up); upButton.setOnClickListener(newView.OnClickListener() { @Override public voidonClick(View v) { upLayout(); } }); } public void upLayout(){ setContentView(R.layout.main); ButtonnextButton = (Button)findViewById(R.id.next); nextButton.setOnClickListener(newView.OnClickListener() { @Override public voidonClick(View v) { nextLayout();//显示下一个桌面 } }); } }</pre> <p></p> <div> <p> </p> </div> <p>然后是通过按键实现页面切换,通过老师上午的实例可以知道,在调用onClickDown或onClickUp的方法中调用页面布局文件就可以实现:setContentView(R.layout.main);,在OnClickDown和onClickUp中分别添加两个页面的布局文件,再添加相反的方法,实现返回即可,代码如下:</p> <p></p> <pre class="brush:java; toolbar: true; auto-links: false;"> public boolean onKeyDown(int keyCode,KeyEvent event) { this.setContentView(R.layout.main); returnsuper.onKeyDown(keyCode, event); } public boolean onKeyUp(int keyCode,KeyEvent event){ //showInfo("keyUp"+keyCode); this.setContentView(R.layout.second); return super.onKeyUp(keyCode,event); }</pre> <p></p> <div> <p> </p> </div> <p>触摸实现换页</p> <p></p> <pre class="brush:java; toolbar: true; auto-links: false;">public booleanonTouchEvent(MotionEvent event){ //showInfo("ontouch:x=" +event.getX() + " y="+event.getY()); flag = !flag; if(flag){ this.setContentView(R.layout.main); }else{ this.setContentView(R.layout.second); returnsuper.onTouchEvent(event); }</pre> <div> <p></p> </div> <p>总结:</p> <p> 调用布局文件:setContentView(R.layout.main);</p> <p> 获取组件ID:ButtonnextButton = (Button)findViewById(R.id.next);</p> <p>做题的过程中重命名了一次java文件,导致无法调试,原因是:忘记更改AndroidManifest.xml文件中的<activity>下的<android:name>属性值。</p>