Skip to content

Commit

Permalink
Improve UX
Browse files Browse the repository at this point in the history 
Improves the UX a little, names, addresses, states and cities are auto-capitalized now.
Adds easy switching from one form field to another.
The text field before the send button, can now also be used to send the formular, so you don't have to click the send button.
  • Loading branch information
@intrigus
intrigus committed Nov 17, 2015
1 parent 62295e4 commit ce3064c
Show file tree
Hide file tree
Showing 4 changed files with 45 additions and 11 deletions.
18 changes: 15 additions & 3 deletions android/src/main/java/org/robovm/store/fragments/LoginFragment.java
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,9 +24,11 @@
import android.text.Html;
import android.text.Spanned;
import android.util.TypedValue;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.inputmethod.EditorInfo;
import android.widget.*;
import org.robovm.store.R;
import org.robovm.store.api.RoboVMWebService;
Expand Down Expand Up @@ -81,11 +83,21 @@ private View createLoginView(LayoutInflater inflater, ViewGroup container, Bundl
imageView = (ImageView) view.findViewById(R.id.imageView1);
loadUserImage();

EditText textView = (EditText) view.findViewById(R.id.email);
textView.setEnabled(false);
textView.setText(ROBOVM_ACCOUNT_EMAIL);
EditText email = (EditText) view.findViewById(R.id.email);
email.setEnabled(false);
email.setText(ROBOVM_ACCOUNT_EMAIL);

password = (EditText) view.findViewById(R.id.password);
password.setOnEditorActionListener(new TextView.OnEditorActionListener() {
@Override
public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
if (actionId == EditorInfo.IME_ACTION_SEND) {
login(ROBOVM_ACCOUNT_EMAIL, password.getText().toString());
return true;
}
return false;
}
});
login = (Button) view.findViewById(R.id.signInBtn);
login.setText(getLocalizedString(Key.log_in_title));
login.setOnClickListener((b) -> {
Expand Down
12 changes: 12 additions & 0 deletions android/src/main/java/org/robovm/store/fragments/ShippingDetailsFragment.java
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,9 +19,11 @@
import android.app.Fragment;
import android.app.ProgressDialog;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.inputmethod.EditorInfo;
import android.widget.*;
import org.robovm.store.R;
import org.robovm.store.api.RoboVMWebService;
Expand Down Expand Up @@ -100,6 +102,16 @@ public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle sa
stateField = (AutoCompleteTextView) shippingDetailsView.findViewById(R.id.state);
stateField.setText(user.getState());
stateField.setHint(getLocalizedString(Key.state));
stateField.setOnEditorActionListener(new TextView.OnEditorActionListener() {
@Override
public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
if (actionId == EditorInfo.IME_ACTION_SEND) {
placeOrder();
return true;
}
return false;
}
});


zipCodeField = (EditText) shippingDetailsView.findViewById(R.id.postalCode);
Expand Down
3 changes: 2 additions & 1 deletion android/src/main/res/layout/login_screen.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,8 @@
android:id="@+id/password"
android:layout_marginTop="2dp"
android:layout_marginBottom="4dp"
android:singleLine="true"/>
android:singleLine="true"
android:imeOptions="actionSend"/>
<Button
style="@style/RoboButton"
android:layout_width="match_parent"
Expand Down
23 changes: 16 additions & 7 deletions android/src/main/res/layout/shipping_details.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,62 +24,71 @@
android:paddingRight="16dp"
android:paddingLeft="16dp">
<EditText
android:inputType="textPersonName"
android:inputType="textPersonName|textCapWords"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:imeOptions="actionNext"
android:id="@+id/firstName"/>
<EditText
android:inputType="textPersonName"
android:inputType="textPersonName|textCapWords"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:imeOptions="actionNext"
android:id="@+id/lastName"/>
<EditText
android:inputType="phone"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:imeOptions="actionNext"
android:id="@+id/phone"
android:layout_marginTop="4dp"
android:layout_marginBottom="4dp"/>
<EditText
android:inputType="textPostalAddress"
android:inputType="textPostalAddress|textCapWords"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:imeOptions="actionNext"
android:id="@+id/streetAddress1"
android:layout_marginTop="4dp"
android:layout_marginBottom="4dp"/>
<EditText
android:inputType="textPostalAddress"
android:inputType="textPostalAddress|textCapWords"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:imeOptions="actionNext"
android:id="@+id/streetAddress2"
android:layout_marginTop="4dp"
android:layout_marginBottom="4dp"/>
<EditText
android:inputType="textPostalAddress"
android:inputType="textPostalAddress|textCapWords"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:imeOptions="actionNext"
android:id="@+id/city"
android:layout_marginTop="4dp"
android:layout_marginBottom="4dp"/>
<EditText
android:inputType="text"
android:inputType="text|textCapWords"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:imeOptions="actionNext"
android:id="@+id/postalCode"
android:layout_marginTop="4dp"
android:layout_marginBottom="4dp"/>
<AutoCompleteTextView
android:inputType="text|textCapWords"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/country"
android:imeOptions="actionNext"
android:layout_marginTop="4dp"
android:layout_marginBottom="4dp"/>
<AutoCompleteTextView
android:inputType="text|textCapWords"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/state"
android:imeOptions="actionDone"
android:imeOptions="actionSend"
android:layout_marginTop="4dp"
android:layout_marginBottom="4dp"/>
<Button
Expand Down

0 comments on commit ce3064c

Please sign in to comment.