Question

My Android application has a form that the user has to fill in. I was looking for something like this. This http://img688.imageshack.us/img688/4162/photocr.jpg. I mean where the Edit Text look neat like this. Any suggestions on how we can replicate this in Android. I have seen a couple of Applications in Android that have a UI like this. Any suggestions will be welcome.

Kind Regards,

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/round_linearlayout"
    android:orientation="vertical" >

    <EditText
        android:id="@+id/first_name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="@string/first_name_hint_text"
        android:singleLine="true"
        android:textColor="#778BB0"
        android:textColorHint="#778BB0"
        android:textSize="13sp"
        android:textStyle="bold" />

    <EditText
        android:id="@+id/last_name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="@string/last_name_hint_text"
        android:singleLine="true"
        android:textColor="#778BB0"
        android:textColorHint="#778BB0"
        android:textSize="13sp"
        android:textStyle="bold" />

    <EditText
        android:id="@+id/email_address"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="@string/email_address_hint_text"
        android:singleLine="true"
        android:textColor="#778BB0"
        android:textColorHint="#778BB0"
        android:textSize="13sp"
        android:textStyle="bold" />

    <EditText
        android:id="@+id/password"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="@string/password_hint_text"
       android:singleLine="true"
        android:textColor="#778BB0"
        android:textColorHint="#778BB0"
        android:textSize="13sp"
        android:textStyle="bold" />

    <Button
        android:id="@+id/already_have_an_account"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:background="@android:color/transparent"
        android:padding="20dp"
        android:text="@string/already_have_an_account"
        android:textColor="@color/hyperlink" />
</LinearLayout>

Answer 1

Edited the answer to what you want.

public class EditTextView extends LinearLayout{

    private LayoutInflater inflater;
    private EditText edit_text;
    private TextView item;
    private View spacer;

    public EditTextView(Context context) {
        super(context);
        inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        initialize();
    }

    public void setLabel(String label){
        item.setText(label);
    }

    public void setText(String text){
        item.setText(text);
    }

    public String getText(){
        if((edit_text != null)&& (edit_text.getText() != null)){
            return edit_text.getText().toString();          
        }
        return "";
    }

    public void showSpacer(){
        spacer.setVisibility(View.VISIBLE);
    }

    private void initialize() {
         inflater.inflate(R.layout.edit_text_view, this);
         edit_text = (EditText) findViewById(R.id.edit_text);
         item = (TextView) findViewById(R.id.edit_text_label);
         spacer = (View) findViewById(R.id.spacer);
         spacer.setVisibility(View.GONE);
    }


}

Used to get text as follows

EditTextView textView = (EditTextView) groupedView2.getFieldViewAt(0);
System.out.println(textView.getText());
textView = (EditTextView) groupedView2.getFieldViewAt(1);
System.out.println(textView.getText());

This works for me very well. Let me know if you have any issues.