2013-11-09 2 views
0

Android Студия 0.2.11Создание фантазии входа коробки

Я новичок в программировании андроида и просто интересно, что мне нужно сделать, чтобы создать фантазии входа в окно, как показано ниже. Я не прошу кого-нибудь сделать это для меня. Но какие меры контроля я должен был бы совершить?

Большое спасибо за любые предложения,

enter image description here

+1

В вашем случае вы должны использовать TextView, ImageView , EditText, Button и LinearLayout ... –

+0

Вы хотите, чтобы это всплывающее окно входа? – CENT1PEDE

+0

@ Haresh прав, все должно быть настроено. – CENT1PEDE

ответ

1

здесь я даю вам некоторые из прозрачного макета с вашим требованием попытаться установить на деятельность с фоном ..

<RelativeLayout 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" > 

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_margin="10dp" 
    android:background="#60000000" 
    android:padding="10dp" > 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:layout_marginBottom="20dp" 
     android:background="#40000000" 
     android:text="Sign In" /> 

    <EditText 
     android:id="@+id/editText2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/editText1" 
     android:layout_centerHorizontal="true" 
     android:layout_marginTop="25dp" 
     android:background="#40000000" 
     android:ems="10" /> 

    <EditText 
     android:id="@+id/editText1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignLeft="@+id/editText2" 
     android:layout_below="@+id/textView1" 
     android:background="#40000000" 
     android:ems="10" > 

     <requestFocus /> 
    </EditText> 

    <Button 
     android:id="@+id/button1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/editText2" 
     android:layout_centerHorizontal="true" 
     android:layout_marginBottom="20dp" 
     android:layout_marginTop="20dp" 
     android:background="#40000000" 
     android:text="Button" /> 
</RelativeLayout> 

2

Это может быть легко дружнее, как только вы знакомы с LinearLayout и RelativeLayout.

Here is a cloning of the higlight login screen.

Это помогло мне много в дизайне пользовательского интерфейса. Надеюсь, вы тоже найдете это полезным.

1

Я хотел бы сделать это следующим образом:

  • Уже AlertDialog, что вы создаете с AlertDialog.Builder.
  • Название «Войти». Вы не используете значок.
  • В Builder используйте setContentView для двух виджетов EditText и TextView «забыл ...»
  • Вы определяете положительную кнопку. Вы должны получить эту кнопку после создания AlertDialog и до того, как вы назовете ее show. Как только вы нажмете кнопку в качестве объекта Button, вы можете ее украсить зеленым цветом и т. Д.
  • Последнее: пароль EditText должен иметь входной тип «пароль», а TextView с «забытым ...» должен быть доступен, чтобы вы могли отреагируйте на нажатие на него пользователя.
Смежные вопросы