Example screen

app/build.gradle

@@ -20,7 +20,10 @@ android {
 }
 
 dependencies {
-    compile fileTree(dir: 'libs', include: ['*.jar'])
+    compile fileTree(include: ['*.jar'], dir: 'libs')
     testCompile 'junit:junit:4.12'
+    compile project(':countrycodepicker')
     compile 'com.android.support:appcompat-v7:23.1.1'
+    compile 'com.android.support:support-v4:23.1.1'
+    compile 'com.android.support:cardview-v7:23.1.1'
 }

app/src/main/AndroidManifest.xml

@@ -4,11 +4,12 @@
 
     <application
         android:allowBackup="true"
-        android:icon="@mipmap/ic_launcher"
+        android:icon="@drawable/ic_ccp_launcher"
         android:label="@string/app_name"
         android:supportsRtl="true"
         android:theme="@style/AppTheme">
-        <activity android:name=".ExampleActivity">
+        <activity android:name=".ExampleActivity"
+            android:windowSoftInputMode="stateHidden">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
 

app/src/main/java/in/hbb20/countrycodepickerproject/CustomColorFragment.java

@@ -0,0 +1,109 @@
+package in.hbb20.countrycodepickerproject;
+
+import android.content.res.ColorStateList;
+import android.graphics.PorterDuff;
+import android.os.Bundle;
+import android.support.v4.app.Fragment;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.EditText;
+import android.widget.RelativeLayout;
+import android.widget.TextView;
+
+import in.hbb20.CountryCodePicker;
+
+
+/**
+ * A simple {@link Fragment} subclass.
+ */
+public class CustomColorFragment extends Fragment {
+
+    public CustomColorFragment() {
+    }
+
+    TextView textViewTitle;
+    EditText editTextPhone;
+    CountryCodePicker ccp;
+    RelativeLayout relativeColor1,relativeColor2,relativeColor3;
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container,
+                             Bundle savedInstanceState) {
+        // Inflate the layout for this fragment
+        return inflater.inflate(R.layout.fragment_custom_color, container, false);
+    }
+
+    @Override
+    public void onViewCreated(View view, Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+        assignViews();
+        setClickListener();
+    }
+
+    private void setClickListener() {
+        relativeColor1.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                setColor(1, getActivity().getResources().getColor(R.color.color1));
+            }
+        });
+
+        relativeColor2.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                setColor(2, getActivity().getResources().getColor(R.color.color2));
+            }
+        });
+
+        relativeColor3.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                setColor(3,getActivity().getResources().getColor(R.color.color3));
+            }
+        });
+    }
+
+    private void setColor(int selection,int color) {
+        ccp.setContentColor(color);
+
+        //textView
+        textViewTitle.setTextColor(color);
+
+        //editText
+        editTextPhone.setTextColor(color);
+        editTextPhone.setHintTextColor(color);
+        editTextPhone.getBackground().setColorFilter(color, PorterDuff.Mode.SRC_ATOP);
+
+        //remove selected bg
+        resetBG();
+
+        //set selected bg
+        int selectedBGColor=getActivity().getResources().getColor(R.color.selectedTile);
+        switch (selection){
+            case 1:
+                relativeColor1.setBackgroundColor(selectedBGColor);
+                break;
+            case 2:
+                relativeColor2.setBackgroundColor(selectedBGColor);
+                break;
+            case 3:
+                relativeColor3.setBackgroundColor(selectedBGColor);
+                break;
+        }
+    }
+
+    private void resetBG() {
+        relativeColor1.setBackgroundColor(getActivity().getResources().getColor(R.color.dullBG));
+        relativeColor2.setBackgroundColor(getActivity().getResources().getColor(R.color.dullBG));
+        relativeColor3.setBackgroundColor(getActivity().getResources().getColor(R.color.dullBG));
+    }
+
+    private void assignViews() {
+        textViewTitle =(TextView)getView().findViewById(R.id.textView_title);
+        editTextPhone =(EditText)getView().findViewById(R.id.editText_phone);
+        ccp=(CountryCodePicker)getView().findViewById(R.id.ccp);
+        relativeColor1=(RelativeLayout)getView().findViewById(R.id.relative_color1);
+        relativeColor2=(RelativeLayout)getView().findViewById(R.id.relative_color2);
+        relativeColor3=(RelativeLayout)getView().findViewById(R.id.relative_color3);
+    }
+}

app/src/main/java/in/hbb20/countrycodepickerproject/DefaultCountryFragment.java

@@ -0,0 +1,107 @@
+package in.hbb20.countrycodepickerproject;
+
+
+import android.graphics.PorterDuff;
+import android.os.Bundle;
+import android.support.v4.app.Fragment;
+import android.text.Editable;
+import android.text.TextWatcher;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.Button;
+import android.widget.EditText;
+import android.widget.Toast;
+
+import in.hbb20.CountryCodePicker;
+
+
+/**
+ * A simple {@link Fragment} subclass.
+ */
+public class DefaultCountryFragment extends Fragment {
+
+
+    EditText editTextDefaultCode;
+    Button buttonSetNewDefaultCode,buttonResetToDefault;
+    CountryCodePicker ccp;
+    Button buttonNext;
+    public DefaultCountryFragment() {
+        // Required empty public constructor
+    }
+
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container,
+                             Bundle savedInstanceState) {
+        // Inflate the layout for this fragment
+        return inflater.inflate(R.layout.fragment_default_country, container, false);
+    }
+
+    @Override
+    public void onViewCreated(View view, Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+        assignViews();
+        editTextWatcher();
+        addClickListeners();
+    }
+
+    private void addClickListeners() {
+        buttonSetNewDefaultCode.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                int code=-1;
+                try{
+                    code=Integer.parseInt(editTextDefaultCode.getText().toString());
+                    ccp.setDefaultCountryCode(code);
+                    Toast.makeText(getActivity(),"Now default country is "+ccp.getDefaultCountryName()+" with phone code "+ccp.getDefaultCountryCode() ,Toast.LENGTH_LONG).show();
+                }catch (Exception ex){
+                    Toast.makeText(getActivity(),"Invalid number format",Toast.LENGTH_LONG).show();
+                }
+            }
+        });
+
+        buttonResetToDefault.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                ccp.resetToDefaultCountry();
+            }
+        });
+
+        buttonNext.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                ((ExampleActivity) getActivity()).viewPager.setCurrentItem(((ExampleActivity) getActivity()).viewPager.getCurrentItem() + 1);
+            }
+        });
+    }
+
+    private void editTextWatcher() {
+        editTextDefaultCode.addTextChangedListener(new TextWatcher() {
+            @Override
+            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
+
+            }
+
+            @Override
+            public void onTextChanged(CharSequence s, int start, int before, int count) {
+                buttonSetNewDefaultCode.setText("set "+s+" as Default Country Code");
+            }
+
+            @Override
+            public void afterTextChanged(Editable s) {
+
+            }
+        });
+    }
+
+    private void assignViews() {
+        editTextDefaultCode=(EditText)getView().findViewById(R.id.editText_defaultCode);
+        ccp=(CountryCodePicker)getView().findViewById(R.id.ccp);
+        buttonSetNewDefaultCode=(Button) getView().findViewById(R.id.button_setDefault);
+        buttonResetToDefault=(Button) getView().findViewById(R.id.button_resetToDefault);
+
+        buttonNext=(Button)getView().findViewById(R.id.button_next);
+        buttonNext.getBackground().setColorFilter(getActivity().getResources().getColor(R.color.colorPrimary), PorterDuff.Mode.MULTIPLY);
+    }
+}

app/src/main/java/in/hbb20/countrycodepickerproject/ExampleActivity.java

@@ -1,13 +1,69 @@
 package in.hbb20.countrycodepickerproject;
 
+import android.support.v4.app.Fragment;
+import android.support.v4.app.FragmentManager;
+import android.support.v4.app.FragmentPagerAdapter;
+import android.support.v4.view.ViewPager;
 import android.support.v7.app.AppCompatActivity;
 import android.os.Bundle;
 
 public class ExampleActivity extends AppCompatActivity {
 
+    ViewPager viewPager;
+    PagerAdapter pagerAdapter;
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_example);
+        assignViews();
+        setUpViewPager();
+    }
+
+    /**
+     * Assign adapter to viewPager
+     */
+    private void setUpViewPager() {
+        if(pagerAdapter==null){
+            pagerAdapter=new PagerAdapter(getSupportFragmentManager());
+        }
+        viewPager.setAdapter(pagerAdapter);
+    }
+
+    /**
+     * assign views to object from layout
+     */
+    private void assignViews() {
+        viewPager=(ViewPager)findViewById(R.id.viewPager);
+    }
+
+    class PagerAdapter extends FragmentPagerAdapter{
+
+        public PagerAdapter(FragmentManager fm) {
+            super(fm);
+        }
+
+        @Override
+        public Fragment getItem(int position) {
+            switch (position){
+                case 0:
+                    return new IntroductionFragment();
+                case 1:
+                    return new DefaultCountryFragment();
+                case 2:
+                    return new SetCountryFragment();
+                case 3:
+                    return new GetCountryFragment();
+                case 4:
+                    return new FullNumberFragment();
+                case 5:
+                    return new CustomColorFragment();
+            }
+            return null;
+        }
+
+        @Override
+        public int getCount() {
+            return 6;
+        }
     }
 }