码迷,mamicode.com
首页 > 其他好文 > 详细

注册界面的设计和完善

时间:2016-06-15 20:40:57      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:

1. 由于注册界面内容很多,一屏幕显示不下,所以最外层使用 ScrollView 控件,当控件显 示不开时会出现垂直方向的滚动条。ScrollView 里面嵌入 LinearLayout 容器,第一个控件是 使用了一个开源框架静态圆角图片,首先需要导入开源框架项目roundimageview,右击该项 目,选择 Buildpath->configbuildpath->Android。发现该项目是作为 Library存在的。接下里右击当前的项目,选择 Build path->configbuildpath->Android->Add,添加刚刚导入的开源框架库。
2. 进 入 布 局 视 图 界 面 , 点 击 Custom & Library Views 组 中 的 RoundedImageView 组件中的 Refresh 按钮,就会发现多了一个自定义的RoundedImageView控件。

3.创建能够正常录入信息的 EditText 控件。

<ScrollViewxmlns:android xmlns:tools="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:background="@drawable/login_regist_bg"
    android:orientation="vertical" >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/login_regist_bg"
        android:orientation="vertical"
        android:padding="10dp"
        tools:context=".RegistActivity" >
 
        <com.makeramen.roundedimageview.RoundedImageView
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/roundImage_head"
            android:layout_width="80dp"
           
            android:layout_height="80dp"
            android:layout_gravity="center_horizontal"
            android:gravity="center_horizontal"
            android:onClick="changePhoto"
            android:src="@drawable/test_photo"
            app:riv_border_color="#333333"
            app:riv_border_width="3dip"
            app:riv_corner_radius="10dip"
            app:riv_mutate_background="true"
            app:riv_oval="true" />
 
        <EditText
            android:id="@+id/etAccount "
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etaccount"
            android:ems="10"
            android:hint="@string/etAccountrHint" >
        </EditText>
 
        <EditText
            android:id="@+id/etNick"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etnick"
            android:ems="10"
            android:hint="@string/etNickHint" />
 
        <EditText
            android:id="@+id/etPassword"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etpassword"
            android:ems="10"
            android:hint="@string/etPasswordHint"
            android:inputType="textPassword" >
        </EditText>
 
        <EditText
            android:id="@+id/etMotto"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etmotto"
            android:ems="10"
            android:hint="@string/etMotto" >
        </EditText>
 
        <EditText
            android:id="@+id/etEmail"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etemail"
            android:ems="10"
            android:hint="@string/etEmail"
            android:inputType="textEmailAddress" >
        </EditText>
 
        <EditText
            android:id="@+id/etCity"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etcity"
            android:ems="10"
            android:hint="@string/etCity" >
        </EditText>
 
        <View
            android:layout_width="match_parent"
            android:layout_height="2dp"
            android:background="@android:color/darker_gray" />
 
        <EditText
            android:id="@+id/etfoot"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etfoot"
            android:ems="10"
            android:hint="@string/etStep"
            android:inputType="number" >
        </EditText>
 
        <EditText
            android:id="@+id/etHeight"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etheight"
            android:ems="10"
            android:hint="@string/etHeight"
            android:inputType="number" >
        </EditText>
 
        <EditText
            android:id="@+id/etWeight"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etweight"
            android:ems="10"
            android:hint="@string/etWeight"
            android:inputType="number" >
        </EditText>
 
        <EditText
            android:id="@+id/etExceptSteps"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etexceptsteps"
            android:ems="10"
            android:hint="@string/etExceptSteps"
            android:inputType="number" >
        </EditText>
 
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:text="@string/tvRegistFinish" >
        </TextView>
        <cn.edu.bztc.walkersimulate.util.RevealLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:background="@drawable/btn_select"
                android:gravity="center"
                android:text="@string/btnRegiste" >
            </Button>
        </cn.edu.bztc.walkersimulate.util.RevealLayout>
    </LinearLayout>
    </ScrollView>
    
   
4.让注册按钮具有水滴效果要加上以下代码:

<cn.edu.bztc.walkersimulate.util.RevealLayout 

android:layout_width="match_parent"

 android:layout_height="wrap_content"> 

<Button 

android:layout_width="match_parent" 

android:layout_height="wrap_content"

 android:gravity="center" 

android:background="@drawable/btn_select"

 android:layout_marginTop="5dp" 

android:text="@string/btnRegiste">

 </Button> 

</cn.edu.bztc.walkersimulate.util.RevealLayout> 

5.、RegistActivity 的实现 

publicclassRegistActivityextendsActivity { 

@Override 

   protected void onCreate(Bundle savedInstanceState){

         super.onCreate(savedInstanceState); 

        requestWindowFeature(Window.FEATURE_NO_TITLE);//取消标题栏 

       setContentView(R.layout.activity_regist);

 } 

6.验证:需要导入开源框架库(Android-Validator-master ),这样就可以注册成功

 

注册界面的设计和完善

标签:

原文地址:http://www.cnblogs.com/xuziqian/p/5588700.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!