Thursday, May 4, 2017

Making of 8 or Bust - Main Screen Login

Login Screen

https://play.google.com/store/apps/details?id=com.siddbetter.numbercrunchpaid




Now, the significant parts of this screen were:

1) Aligning the Buttons in Linear Layout in equal distance. Required the concepts of LinearLayout with containing view weight-sum = 6 and layout height of button 0. In this case the height is then adjusted based on layout-weight which I set as 1 in this case.

2) Android does not scale the images by default but they can be scaled on if we take the ImageView and set image as its property as "src" not background and set attribute like adjustViewbound to true.

The button below are imageButton for it to scale evenly.

3) For button, on click to show interaction by changing color or ripple is achieved by
   android:textColor="@drawable/login_text_color"

 
 
     
        android:state_focused="true"
        android:color="@color/login_button_color"/>

     
        android:state_pressed="true"
        android:color="@color/white"
        />

     
        android:color="@color/login_button_color"
        />

   

4)  Facebook button logs onto Facebook using Facbook SDK

        callbackManager = CallbackManager.Factory.create();

    loginManager = LoginManager.getInstance();


    LoginManager.getInstance().logInWithReadPermissions(this,        Arrays.asList("public_profile", "user_friends"));

         loginManager.registerCallback(callbackManager,
                new FacebookCallback() {
                 @Override
                    public void onSuccess(LoginResult loginResult) {
                        // App code
                         succesLogin(loginResult);
                    }

                    @Override
                    public void onCancel() {
                        //show cancel      
                                               showFacebookWindow(1,getResources().getString(R.string.connecting_cancelled));
                    }

                    @Override
                    public void onError(FacebookException exception) {
                         //showError
                         showFacebookWindow(1, exception.getLocalizedMessage());

                    }
                });

 5.  Remove Ads --- Call IAP function to get the price of sku and then populate the windows to make purchase workflow

6.  RateApp --- using Appirater

7.  Leaderboard -- connects to our Server communicating using Volley APIs and gets the result back in JSON format which is converted into Java Classes like HashMap. 
    The return data is used to populate the Leaderboard.

8.  HowtoPlay is our tutorial with sliding screen using CustomPagerAdapter extending PagerAdapter
    which loads each screen in initiateItem(ViewGroup containerm int posistion)

9. Menu Button loads the Menu Screens implemented as Fragments. 

10. Google Play which logins in using 
                           GoogleApiClient.Builder 
                       .addOnConnectionFailedListener(connectionResult -
         
                       .addOnConnectionCallBacks( )
                              
Next would be main Play Screen

No comments:

Post a Comment