Android 如何利用Activity的Dialog风格完成弹出框设计

在我们使用Dialog时,如果需要用到很多自己设计的控件,虽然可以让弹出框显示出我们需要的界面,但却无法找到地方完成控制代码的编写,如何解决这个问题呢,我们可以将Activity伪装成Dialog弹出框,这样即显示了界面,在Activity里写控制代码也是大家的拿手好戏了,现在我就来抛砖引玉说说简单的实现吧。

首先,问题的关键在MainActivity里的一句 android:theme="@android:style/Theme.Dialog",这就是Activity的Dialog风格。

我们先创建一个main.xml,内容如下

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:orientation="vertical"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"  
    >  
<TextView    
    android:id="@+id/showString"  
    android:layout_width="fill_parent"   
    android:layout_height="wrap_content"   
    android:text="在这里显示dialog里输入的数字:"  
    />  
  <Button   
    android:id="@+id/openButton"  
    android:text="点此打开Dialog"  
    android:layout_width="fill_parent"  
    android:layout_height="wrap_content"  
  />    
</LinearLayout>  

再创建一个textdialog.xml,内容如下

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout  
  xmlns:android="http://schemas.android.com/apk/res/android"  
  android:orientation="vertical"  
  android:layout_width="match_parent"  
  android:layout_height="match_parent">  
<EditText   
    android:id="@+id/et"  
    android:layout_width="fill_parent"  
    android:layout_height="wrap_content"  
    />     
<Button   
    android:id="@+id/returnButton"  
    android:text="请输入字符"  
    android:layout_width="fill_parent"  
    android:layout_height="wrap_content"  
    />      
</LinearLayout>  
现在在MainActivity里写下如下代码,都是很基本的代码,相信大家都能看懂
public class MainActivity extends Activity {  
      
    private Button openButton;  
    private TextView showString;  
      
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.main);  
          
        openButton = (Button)findViewById(R.id.openButton);  
        showString = (TextView)findViewById(R.id.showString);  
          
        openButton.setOnClickListener(new OnClickListener() {  
              
        public void onClick(View v) {  
                //这里用到了返回试Activity的基本用法,因为和主题无关,就不多解释了  
                Intent i = new Intent(MainActivity.this, testDialog.class);  
                startActivityForResult(i, 0);  
            }  
        });  
          
    }  
      
    //利用返回试Activity接收输入的数据并显示,证明我们的Dialog式的Activity确实可以完成数据的处理  
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {  
        super.onActivityResult(requestCode, resultCode, data);  
        //取出字符串  
        Bundle bundle = data.getExtras();  
        String str = bundle.getString("str");  
        showString.setText(str);  
    }  
}  

下面是testDialog的编程,你可以看出这个Dialog和正常的Activity就没什么区别,但它最后确实可以像Dialog一样弹出

ublic class testDialog extends Activity{  
      
    private Button returnButton;  
    private EditText inputEditor;  
      
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.textdialog);  
          
        returnButton = (Button)findViewById(R.id.returnButton);  
        inputEditor = (EditText)findViewById(R.id.et);  
          
        //和前面一样,只是用到了返回式Activity的基本方法,虽然这里已经是个Dialog了,但却和普通Activity无异   
        returnButton.setOnClickListener(new OnClickListener() {  
            public void onClick(View v) {  
                String input = inputEditor.getText().toString();  
                Intent i = new Intent(testDialog.this, MainActivity.class);  
                Bundle b = new Bundle();  
                b.putString("str", input);  
                i.putExtras(b);  
                testDialog.this.setResult(RESULT_OK, i);  
                testDialog.this.finish();  
            }  
        });  
    }  
}  

最后的亮点,设置Activity的Dialog风格,在MainActivity里注册下第二个Activity吧,别完了风格设置哦

<activity android:name=".testDialog"  
              android:label="这是一个Activity变成的Dialog"  
              android:theme="@android:style/Theme.Dialog"  
        ></activity>  

好了,你可以运行一下了,如果正常,你将看到和我一样的结果

 

posted @ 2018-05-04 12:35  星辰之力  阅读(1041)  评论(0编辑  收藏  举报