Android-------模拟用户登录界面(优化1)

来源:互联网 发布:python的sleep函数 编辑:程序博客网 时间:2024/04/28 14:55

当基本的界面设置完成之后,我对基本界面做了一些简单的优化,使得看起来更加的美观和舒服。

一、边角框的使用

新建一个xml文件:

<?xml version="1.0" encoding="utf-8"?>  
<shape xmlns:android="http://schemas.android.com/apk/res/android">    
   <!-- <solid android:color="#FFFFFF" />   -->//这里设置自定义的颜色。本例使用#FFFFFF,如果为空则为透明
    <corners android:topLeftRadius="2dp"   
                    android:topRightRadius="2dp"    
                android:bottomRightRadius="2dp"   
                android:bottomLeftRadius="2dp"/> 
                
    <!-- 解释:solid的表示填充颜色,为了简单,这里用的是黑色。 
而corners则是表示圆角,注意的是这里bottomRightRadius是左下角而不是右下角,bottomLeftRadius右下角。 
当然上面的效果也可以像下面一样设置,如下: 
<corners android:radius="5dp" />

如果想引用这个xml,只需要@drawable/corners_bg.xml即可:
android:background="@drawable/corners_bg"
-->
</shape>

   

然后在activity_main.xml中设置:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" 
    android:layout_gravity="center"
    android:background="@drawable/background">


    <TableLayout 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="20dp">
        
        <TableRow 
            android:layout_height="wrap_content"
            android:gravity="center">
            
            <TextView 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="用户名"/>
            
            <EditText 
                android:id="@+id/username"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/corner"
                android:hint="请输入用户名"/>"
        </TableRow>
        
        <TableRow 
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_marginTop="20dp">
            <TextView 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="密码"/>
            <EditText 
                android:id="@+id/password"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/corner"
                android:hint="请输入密码"
                android:inputType="textPassword"/>
        </TableRow>
        
        <TableRow 
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_marginTop="20dp">
            <TextView 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="确认密码"/>
            <EditText 
                android:id="@+id/RePwd"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/corner"
                android:hint="请再次输入密码"
                android:inputType="textPassword"/>"
        </TableRow>
        
        <TableRow 
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_marginTop="20dp">
            <TextView 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="性别"/>
            <RadioGroup 
                android:id="@+id/sex"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal">
                <RadioButton 
                    android:id="@+id/male"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                   
                    android:checked="true"
                    android:text="男"/><!-- 检查时候被选中 -->
                    <TextView 
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="     "/>
                <RadioButton 
                    android:id="@+id/famle"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                  
                    android:text="女"/>"
            </RadioGroup>
        </TableRow>
        <TableRow 
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_marginTop="20dp">
            <TextView 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="来自"/>
            <Spinner
                android:id="@+id/from" 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                />
            
        </TableRow>
        
        <TableRow 
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_marginTop="20dp">
            <TextView 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="邮箱地址"/>
            <EditText 
                android:id="@+id/email"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                 android:background="@drawable/corner"
                android:inputType="textEmailAddress"/>"
        </TableRow>
        <TableRow 
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_marginTop="20dp">
            <TextView 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="邮箱通知"/>
            <FrameLayout 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">
                <ToggleButton 
                    android:id="@+id/notify"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="ToggleButton"/>"
            </FrameLayout><!-- 叠加的方式http://www.cnblogs.com/zhangs1986/archive/2013/01/17/2864899.html -->
        </TableRow>
        <TableRow 
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_marginTop="10dp">
            <CheckBox 
                android:id="@+id/check"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="同意条款"/>
            <!-- http://www.cnblogs.com/wt616/archive/2011/06/20/2085368.html -->
            
        </TableRow>
    </TableLayout>
    <LinearLayout 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center"
        >
        <Button 
            android:id="@+id/btn_Regster"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
             android:background="@drawable/corner"
            android:text="注册"/>
        
        <Button
            android:id="@+id/btn_Cancel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
             android:background="@drawable/corner"
             android:layout_marginLeft="20dp"
            android:text="取消"/>"
    </LinearLayout>
    
</LinearLayout>


并添加了一张背景图片,如图:





设置了一下桌面的小图标:



如图:


设置的位置是:Androidmanifest.xml

中的:<application
        android:allowBackup="true"
        android:icon="@drawable/ic_luncher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".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>
        <activity android:name="ResultActivity"></activity><!--这里注意要把你的第二个activity写进去,因为Android系统首先加载的就是Androidmanifest.xml文件-->
    </application>

0 0