«

【Android】利用相对布局布置更新软件的style为主题对话框的Activity,利用layout_weight属性对表格布局的行划分

时间:2024-3-2 18:22     作者:韩俊     分类: Android


Android布局中,同样可以与网页的div布局,用百分比来指定宽度。同样也可以像vb,c#,或者网页中的absolute布局一样,利用style为主题对话框的Activity整出模态窗口。比如,如下图所示的布局,在现在各类的安卓应用中很常见的。同时,设定在这个安卓程序一开始就弹出一个更新软件的Activity。那该如何完成呢?


1、首先,先到resvaluesstring.xml中布置好各个组件的字体,当然你可以边做安卓工程边添加。命名的时候有一定的规则,指明这个字体,是在哪个Activity,然后指明这个字体是哪个组件的。我也想直接把字体放在各个布局文件当中,但那样Eclipse会提出警告,同时也不利于以后国际化软件需要。可以从这个文件看到,这个程序有两个Activity,一个是mainActivity,里面有6个按钮,一个是updateActivity就是那个更新提醒的对话框。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">布局</string>
    <string name="updateActivity_name">更新提醒</string>
    <string name="action_settings">Settings</string>
    <string name="hello_world">Hello world!</string>
    <string name="mainActivity_button1">功能1</string>
    <string name="mainActivity_button2">功能2</string>
    <string name="mainActivity_button3">功能3</string>
    <string name="mainActivity_button4">功能4</string>
    <string name="mainActivity_button5">功能5</string>
    <string name="mainActivity_button6">功能6</string>
    <string name="updateActivity_textView1">发现新版本,是否更新?</string>
    <string name="updateActivity_button1">更新</string>
    <string name="updateActivity_button2">取消</string>
</resources>
2、之后先对MainActivity布局,修改reslayoutactivity_main.xml文件,如下的代码:

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center" >

    <TableRow android:layout_weight="1" >

        <LinearLayout
            android:layout_width="0dip"
            android:layout_height="match_parent"
            android:layout_weight="1" >

            <Button
                android:id="@+id/button1"
                android:layout_width="0dip"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:text="@string/mainActivity_button1" />

            <Button
                android:id="@+id/button2"
                android:layout_width="0dip"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:text="@string/mainActivity_button2" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="0dip"
            android:layout_height="match_parent"
            android:layout_weight="1" >

            <Button
                android:id="@+id/button3"
                android:layout_width="0dip"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:text="@string/mainActivity_button3" />
        </LinearLayout>
    </TableRow>

    <TableRow
        android:layout_width="match_parent"
        android:layout_weight="1" >

        <Button
            android:id="@+id/button4"
            android:layout_width="0dip"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="@string/mainActivity_button4" />

        <Button
            android:id="@+id/button5"
            android:layout_width="0dip"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="@string/mainActivity_button5" />
    </TableRow>

    <TableRow
        android:layout_width="match_parent"
        android:layout_weight="1" >

        <Button
            android:id="@+id/button6"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="@string/mainActivity_button6" />
    </TableRow>

</TableLayout>
这里布局思想如下:


设置一个铺满屏幕的Table布局,Table布局默认是不占据一行的,你设置其match_parent也没有什么用。

只要对每一行指定其android:layout_weight="1"。

这里的1不是100%的意思。是其所占据的权重。如果有两个及两个组件以上,则根据这个权重来划分整行

比如在第一行的两个线性布局,皆设置android:layout_width="0dip"之后配合android:layout_weight="1"。则两个布局在表格布局的第一行的所占据的宽度,皆为这行的1/(1+1)=50%。也就是说,如果你要让组件或者布局平分这行,可以为各个组件在设定android:layout_width="0dip"之后,再用android:layout_weight设定权重。

第一行,其实也可以不要线性布局,在三个按钮都设置了android:layout_width="0dip"之后,按钮1的android:layout_weight="1",按钮2的android:layout_weight="1",按钮3的android:layout_weight="2"皆能做出上面的效果。

之后两个同理。

3、接着,如同《【Android】多个Activity之间利用bundle传递数值》(点击打开链接)一样,新建一个Activity的类名为UpdateActivity.java,其布局文件是activity_update.xml,安卓规定布局文件只能是a-z,0-9,_不能有其它符号,也不能有大写,很讨厌的。主要其害怕有其它符号,在R文件给你注册不了。在工程包中弄好了Activity类,在reslayout中弄好相应的布局文件,先在AndroidManifest.xml的application节点注册这个Activity,指定实现类,同时指定其主题为主题对话框,这样,这个Activity打开就不会覆盖整个屏幕,以模态窗口的形势打开,整个AndroidManifest.xml修改之后如下:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.layouttest"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="18" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.example.layouttest.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <!-- 注册UpdateActivity -->
        <activity
            android:name="com.example.layouttest.UpdateActivity"
            android:label="@string/updateActivity_name"
            android:theme="@android:style/Theme.Dialog" >
        </activity>
    </application>

</manifest>
4、在activity_update.xml用相对布局为更新提醒这个UpdateActivity布好局,代码如下:设定好各个组件的字体,高度与宽度皆是包裹好内容,即可。之后,通过layout_alignRight指定Button2对其TextView1的右端,通过layout_below把Button2放着在TextView1的下方。其中,TextView1是提醒更新的文字,Button2是取消按钮。之后的Button1则同样放置在TextView1的下方,但是放在Button2的左方。这样,就成功对更新提醒这个UpdateActivity布局。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/updateActivity_textView1"
        android:textSize="24sp" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@+id/textView1"
        android:layout_below="@+id/textView1"
        android:text="@string/updateActivity_button2"
        android:textSize="18sp" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView1"
        android:layout_toLeftOf="@+id/button2"
        android:text="@string/updateActivity_button1"
        android:textSize="18sp" />

</RelativeLayout>
5、修改UpdateActivity.java的代码,为“取消”按钮指定事件,就是关闭这个Activity,如下:

package com.example.layouttest;

import android.app.Activity;
import android.os.Bundle;
import android.widget.Button;
import android.view.View;
import android.view.View.OnClickListener;

public class UpdateActivity extends Activity {
    private Button button2;

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_update);
        button2 = (Button) findViewById(R.id.button2);
        button2.setOnClickListener(new OnClickListener() {// 为button2添加点击事件
            @Override
            public void onClick(View v) {
                finish();// 关闭此Activity  
            }
        });
    }
}
6、最后修改MainActivity.java的代码,就一句,程序一启动,就打开更新提醒Activity的UpdateActivity。一般情况下,是在服务端设置一个版本号,在app程序设置一个版本号,开始先判断是否相同,再弹出这个对话框。

package com.example.layouttest;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Intent intent = new Intent(MainActivity.this, UpdateActivity.class);
        startActivity(intent);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

}
至此,整个app开发结束。

标签: android

热门推荐