Apply Material Design for LollyPop and Pre-Lolly Devices using AppCompat v7 Library -Part 1

Step 1:

Extend Your Activty Class with AppCompatActivity
MainActivity.java

package com.pratap.materialdesign;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends AppCompatActivity{

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
 }

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  // Inflate the menu; this adds items to the action bar if it is present.
  getMenuInflater().inflate(R.menu.main, menu);
  return true;
 }

 @Override
 public boolean onOptionsItemSelected(MenuItem item) {
  // Handle action bar item clicks here. The action bar will
  // automatically handle clicks on the Home/Up button, so long
  // as you specify a parent activity in AndroidManifest.xml.
  int id = item.getItemId();
  if (id == R.id.action_settings) {
   return true;
  }
  return super.onOptionsItemSelected(item);
 }
}

Step 2:

Modify the theme in styles.xml file with AppCompat Theme in values folder

values/styles.xml

<resources>

    <!-- Base application theme using AppCompatv21 Library -->
    <style name="AppBaseTheme" parent="Theme.AppCompat.Light.DarkActionBar">

        <!-- your app branding color for the app bar -->
        <item name="colorPrimary">@color/md_blue_500_primary</item>

        <!-- darker variant for the status bar and contextual app bars -->
        <item name="colorPrimaryDark">@color/md_blue_700</item>

        <!-- theme UI controls like checkboxes and text fields -->
        <item name="colorAccent">@color/md_red_200</item>
    </style>

    <!-- Application theme. -->
    <style name="AppTheme" parent="AppBaseTheme"></style>

</resources>

Step 3:

Create a new folder named values-21 under res folder and create a styles.xml for specific to lollypop device.

values-21/styles.xml

<resources>

    <style name="AppTheme" parent="AppBaseTheme">
        <!-- API 21 theme customizations can go here. -->
    </style>

</resources>

Step 4:

Update the AndroidManifest.xml file with Application theme.

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.pratap.materialdesign"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="21" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

Step 5:

Run the application in device or Emulator

ScreenShots

Creating Input Dialog Box with Xml Layout File

Creating Input Dialog Box with Xml Layout File

Call this Method in your Actvity

private void OpenCategroyDialogBox() {

  LayoutInflater layoutInflater = LayoutInflater.from(this);
  View promptView = layoutInflater.inflate(R.layout.addnewcategory, null);
  final AlertDialog.Builder alert = new AlertDialog.Builder(this);
  alert.setTitle("Add New Category");
  alert.setView(promptView);

  final EditText input = (EditText) promptView
    .findViewById(R.id.etCategory);

  input.requestFocus();
  input.setHint("Enter Category");
  input.setTextColor(Color.BLACK);

  alert.setPositiveButton("OK", new DialogInterface.OnClickListener() {
   public void onClick(DialogInterface dialog, int whichButton) {
    String newCategoryName = input.getText().toString();

    // Do something with value!

    if (newCategoryName.equals("")) {
     input.setError("Name Required");
     OpenCategroyDialogBox();
    } else {
     
      Toast.makeText(getApplicationContext(),
        "Ok Clicked", Toast.LENGTH_SHORT).show();

      
     }
    }

   

  });

  alert.setNegativeButton("CANCEL",
    new DialogInterface.OnClickListener() {
     public void onClick(DialogInterface dialog, int whichButton) {
      // Canceled.

      Toast.makeText(getApplicationContext(),
        "Ok Clicked", Toast.LENGTH_SHORT).show();
}    });   // create an alert dialog  AlertDialog alert1 = alert.create();   alert1.show();  }

addnewcategory.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <EditText
        android:id="@+id/etCategory"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="24dp"
        android:layout_marginRight="24dp"
         android:layout_marginBottom="20dp"
         android:inputType="textCapSentences" >

        <requestFocus />
    </EditText>

</LinearLayout>

ScreenShot

Dynamic Controls Creation in Android with validation of Child Views

Previous post with out validation

http://android-pratap.blogspot.in/2014/11/dynamic-controls-creation-in-android.html

DynamicFieldsActivity.java

package com.pratap.allsampleprojects;

import android.animation.LayoutTransition;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.Toast;

public class DynamicFieldsActivity extends Activity {

 EditText textIn;
 Button buttonAdd;
 LinearLayout container;
 Button buttonShowAll;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.dynamicfields);
  textIn = (EditText) findViewById(R.id.textin);
  buttonAdd = (Button) findViewById(R.id.add);
  container = (LinearLayout) findViewById(R.id.container);

  buttonAdd.setOnClickListener(new OnClickListener() {

   @Override
   public void onClick(View arg0) {

    int val = Integer.parseInt(textIn.getText().toString());

    for (int c = 1; c <= val; c++) {

     LayoutInflater layoutInflater = (LayoutInflater) getBaseContext()
       .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
     final View addView = layoutInflater.inflate(
       R.layout.dynamicrow, null);
    
     container.addView(addView, 0);

    }

   }
  });

  LayoutTransition transition = new LayoutTransition();
  container.setLayoutTransition(transition);

  buttonShowAll = (Button) findViewById(R.id.showall);
  buttonShowAll.setOnClickListener(new OnClickListener() {

   @Override
   public void onClick(View arg0) {

    String showallPrompt = "";

    int childCount = container.getChildCount();
    showallPrompt += "childCount: " + childCount + "\n\n";

    for (int c = 0; c < childCount; c++) {
     View childView = container.getChildAt(c);

     final EditText etText = (EditText) (childView
       .findViewById(R.id.etname));

     EditText etAge = (EditText) (childView
       .findViewById(R.id.etAge));

     RadioGroup radioSexGroup = (RadioGroup) childView
       .findViewById(R.id.radioSex);

     int selectedId = radioSexGroup.getCheckedRadioButtonId();

     RadioButton radioSexButton = (RadioButton) childView
       .findViewById(selectedId);

     String name = (String) (etText.getText().toString());

     String age = (String) (etAge.getText().toString());

     String gender = (String) (radioSexButton.getText()
       .toString());

     etText.addTextChangedListener(new TextWatcher() {
      public void afterTextChanged(Editable edt) {
       if (etText.getText().length() > 0) {
        etText.setError(null);
       }
      }

      @Override
      public void beforeTextChanged(CharSequence s,
        int start, int count, int after) {
       // TODO Auto-generated method stub

      }

      @Override
      public void onTextChanged(CharSequence s, int start,
        int before, int count) {
       // TODO Auto-generated method stub

      }
     });

     if (etText.getText().toString().length() == 0) {

      etText.setError("Enter Name");

     } else {

     }

     if (age.equals("")) {

      etAge.setError("Enter age");

     }

     if (gender.equals("")) {

      radioSexButton.setError("Enter Gender");

     }

     String childTextViewText = "";

     childTextViewText += (String) (etText.getText().toString());

     childTextViewText += (String) (etAge.getText().toString());

     childTextViewText += (String) (radioSexButton.getText()
       .toString());

     showallPrompt += c + ": " + childTextViewText + "\n";
    }

    Toast.makeText(DynamicFieldsActivity.this, showallPrompt,
      Toast.LENGTH_LONG).show();
   }
  });
 }
}

Sliding Tabs like Google Play News Stand

Screenshots of the App

DropBox Source Code

Dynamic Controls Creation in Android

DynamicFieldsActivity.java

import android.animation.LayoutTransition;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.Toast;

public class DynamicFieldsActivity extends Activity {

 EditText textIn;
 Button buttonAdd;
 LinearLayout container;
 Button buttonShowAll;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.dynamicfields);
  textIn = (EditText) findViewById(R.id.textin);
  buttonAdd = (Button) findViewById(R.id.add);
  container = (LinearLayout) findViewById(R.id.container);

  buttonAdd.setOnClickListener(new OnClickListener() {

   @Override
   public void onClick(View arg0) {
   
    
    int val=Integer.parseInt(textIn.getText().toString());
    
    
    for (int c = 1; c <=val; c++) {
     
    
     LayoutInflater layoutInflater = (LayoutInflater) getBaseContext()
       .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
     final View addView = layoutInflater.inflate(
       R.layout.dynamicrow, null);

       container.addView(addView, 0);
    
    
    }
    
    
   }
  });

  LayoutTransition transition = new LayoutTransition();
  container.setLayoutTransition(transition);

  buttonShowAll = (Button) findViewById(R.id.showall);
  buttonShowAll.setOnClickListener(new OnClickListener() {

   @Override
   public void onClick(View arg0) {

    String showallPrompt = "";

    int childCount = container.getChildCount();
    showallPrompt += "childCount: " + childCount + "\n\n";

    for (int c = 0; c < childCount; c++) {
     View childView = container.getChildAt(c);
     

     EditText etText = (EditText) (childView
       .findViewById(R.id.etname));

     
     EditText etAge = (EditText) (childView
       .findViewById(R.id.etAge));
     
     
     RadioGroup radioSexGroup = (RadioGroup) childView
       .findViewById(R.id.radioSex);
     
     int selectedId = radioSexGroup.getCheckedRadioButtonId();
     
     RadioButton radioSexButton = (RadioButton) childView.findViewById(selectedId);
     
     String childTextViewText="";

     childTextViewText += (String) (etText.getText().toString());
     
     childTextViewText +=(String)(etAge.getText().toString());
     
     
     childTextViewText +=(String)(radioSexButton.getText().toString());
     
     showallPrompt += c + ": " + childTextViewText + "\n";
    }

    Toast.makeText(DynamicFieldsActivity.this, showallPrompt,
      Toast.LENGTH_LONG).show();
   }
  });
 }
}

dynamicfields.xml

<LinearLayout 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"
    android:orientation="vertical"
    android:layout_margin="10dp"
    android:padding="5dp" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/add"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:text="Add" />

        <EditText
            android:id="@+id/textin"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_toLeftOf="@id/add"
            android:inputType="number" />
    </RelativeLayout>

    <Button
        android:id="@+id/showall"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Show Data in Fieldsl" />

    <LinearLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        >
    </LinearLayout>

</LinearLayout>

dynamicrow.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5dp"
    android:orientation="horizontal"
    android:padding="3dp" 
    >

    <EditText
        android:id="@+id/etname"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="3"
        android:hint="Name"
        android:inputType="textPersonName" >

        <requestFocus />
    </EditText>

    <EditText
        android:id="@+id/etAge"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:ems="10"
        android:hint="Age"
        android:inputType="number" >
    </EditText>

    <RadioGroup
        android:id="@+id/radioSex"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal" 
        android:paddingTop="5dp">

        <RadioButton
            android:id="@+id/radioMale"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:checked="true"
            android:text="M" 
            />

        <RadioButton
            android:id="@+id/radioFemale"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="F"
          />
    </RadioGroup>

</LinearLayout>

ScreenShots

Recycler view with OnClick Implementation with AppCompat

In the Previous Post, We have create list of items with Recyclerview using appcompat.

Now, we have implemented onclick event for each list item..

Clicking on the item , shows you a small toast with data.

I have used the implementation in this project from the following link.
// Implementation of onItemClick RecycleView
// http://stackoverflow.com/questions/24471109/recyclerview-onclick/26196831#26196831

Please see the update Source code

Recyclerview with Cards example in Android with AppCompat (V7)

I have created a sample application to show RecyclerView and CardView in android with Latest Appcompat Library (V7 Library).

Step 1:

Import three Libary Project to the Eclipse

1) AppCompat

2) RecyclerView

3) CardView

from the folder android-sdk\extras\android\support\v7

Step 2 :

Create a new Project/download the Source from below,

and add the three Libary Projects to the MainProject as a Library Projects.

CardViewActivity.java

package com.pratap.cardviews1;

import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;

public class CardViewActivity extends ActionBarActivity {

 private Toolbar toolbar;

 private RecyclerView mRecyclerView;
 private RecyclerView.Adapter mAdapter;
 private RecyclerView.LayoutManager mLayoutManager;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  toolbar = (Toolbar) findViewById(R.id.toolbar);
  if (toolbar != null) {
   setSupportActionBar(toolbar);

  }

  String[] myDataset = { "Alpha", "Beta", "CupCake", "Donut", "Eclair",
    "Froyo", "Gingerbread", "Honeycomb", "Ice Cream Sandwitch",
    "JellyBean", "KitKat", "LollyPop" };

  mRecyclerView = (RecyclerView) findViewById(R.id.my_recycler_view);

  // getSupportActionBar().setIcon(R.drawable.ic_launcher);

  // getSupportActionBar().setTitle("Android Versions");

  // use this setting to improve performance if you know that changes
  // in content do not change the layout size of the RecyclerView
  mRecyclerView.setHasFixedSize(true);

  // use a linear layout manager
  mLayoutManager = new LinearLayoutManager(this);
  mRecyclerView.setLayoutManager(mLayoutManager);
  
   // specify an adapter (see also next example)
  mAdapter = new CardViewDataAdapter(myDataset);
  mRecyclerView.setAdapter(mAdapter);
 }

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  // Inflate the menu; this adds items to the action bar if it is present.
  getMenuInflater().inflate(R.menu.main, menu);
  return true;
 }

 @Override
 public boolean onOptionsItemSelected(MenuItem item) {
  // Handle action bar item clicks here. The action bar will
  // automatically handle clicks on the Home/Up button, so long
  // as you specify a parent activity in AndroidManifest.xml.
  int id = item.getItemId();
  if (id == R.id.action_settings) {
   Toast.makeText(getApplicationContext(), "Settings Clicked",
     Toast.LENGTH_SHORT).show();
   return true;
  } else if (id == R.id.action_search) {
   Toast.makeText(getApplicationContext(), "Search Clicked",
     Toast.LENGTH_SHORT).show();
   return true;
  }
  return super.onOptionsItemSelected(item);
 }
}

CardViewDataAdapter.java

package com.pratap.cardviews1;

import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

public class CardViewDataAdapter extends RecyclerView.Adapter<CardViewDataAdapter.ViewHolder> {
 public String[] mDataset;

 

 // Provide a suitable constructor (depends on the kind of dataset)
 public CardViewDataAdapter(String[] myDataset) {
  mDataset = myDataset;
 }

 // Create new views (invoked by the layout manager)
 @Override
 public CardViewDataAdapter.ViewHolder onCreateViewHolder(ViewGroup parent,
   int viewType) {
  // create a new view
  View itemLayoutView = LayoutInflater.from(parent.getContext()).inflate(
    R.layout.cardview_row, null);

  // create ViewHolder

  ViewHolder viewHolder = new ViewHolder(itemLayoutView);
  return viewHolder;
 }

 // Replace the contents of a view (invoked by the layout manager)
 @Override
 public void onBindViewHolder(ViewHolder viewHolder, int position) {

  // - get data from your itemsData at this position
  // - replace the contents of the view with that itemsData

  viewHolder.tvtinfo_text.setText(mDataset[position].toString());

 }

 // Return the size of your dataset (invoked by the layout manager)
 @Override
 public int getItemCount() {
  return mDataset.length;
 }

 // inner class to hold a reference to each item of RecyclerView
 public static class ViewHolder extends RecyclerView.ViewHolder {

  public TextView tvtinfo_text;

  public ViewHolder(View itemLayoutView) {
   super(itemLayoutView);
   tvtinfo_text = (TextView) itemLayoutView
     .findViewById(R.id.info_text);

  }
 }

}

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

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimaryDark"/>

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#c9c9c9"
    android:orientation="vertical" >

    <!-- A RecyclerView with some commonly used attributes -->

    <include
        android:id="@+id/toolbar"
        layout="@layout/toolbar" />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/my_recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="5dp"
        android:scrollbars="vertical" />

</LinearLayout>

cardview_row.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="5dp"
    android:orientation="horizontal"
    card_view:cardCornerRadius="5dp"

card_view:cardUseCompatPadding="true" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"

android:background="?android:selectableItemBackground"  >

        <TextView
            android:id="@+id/info_text"
            android:layout_width="match_parent"
            android:layout_height="75dp"
            android:layout_centerInParent="true"
            android:gravity="center"
            android:textColor="@android:color/black"
            android:textSize="24sp" />
    </RelativeLayout>

</android.support.v7.widget.CardView>

Link   Source code

ScreenShots

Live India : The Android Tricks and Tips

Important Posts

Social Media Link

Advertisement

Apply Material Design for LollyPop and Pre-Lolly Devices using AppCompat v7 Library -Part 1

Creating Input Dialog Box with Xml Layout File

Dynamic Controls Creation in Android with validation of Child Views

Sliding Tabs like Google Play News Stand

Dynamic Controls Creation in Android

Recycler view with OnClick Implementation with AppCompat

Recyclerview with Cards example in Android with AppCompat (V7)

UPTET news

Endless RecyclerView OnScrollListener Example in android

Android Runtime Permission Example

top 10 ways to boost your immune system

Android HttpURLConnection code for GET and POST Methods

Flutter BottomNavigation Example

Get Location Using FusedLocationProviderClient Api

Flutter Tabbar Example

RecyclerView using Kotlin

Flutter ListView Example using Http

RecyclerView with onClick and onLongClick implemtation in android example

Big Breaking

Popular Posts

UPTET Big Breaking