AndroidSupport_akkilis

How to make custom drawable background depending on clicked states in Android

2013-01-10T03:27:00.000-08:00

This post targets to use different images for the clickable views like buttons, checkboxes etc for their different states.

States can be:

Normal
clicked
focused
disabled
normal after clicked (in case of radio button)

For this you would require separate images for every state.

Place them in res folder.

Create a new xml, say my_button_bg.xml

Content of it will be like:

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

<item android:state_pressed="true"

android:drawable="@drawable/button_pressed" />

<item android:state_focused="true"

android:drawable="@drawable/button_focused" />

<item android:state_hovered="true"

android:drawable="@drawable/button_focused" />

</selector>

What can be the different states of any view, is :

        android:state_pressed=["true" | "false"]
        android:state_focused=["true" | "false"]
        android:state_hovered=["true" | "false"]
        android:state_selected=["true" | "false"]
        android:state_checkable=["true" | "false"]
        android:state_checked=["true" | "false"]
        android:state_enabled=["true" | "false"]
        android:state_activated=["true" | "false"]
        android:state_window_focused=["true" | "false"] />

So the idea is, depending upon the states mentioned above you can choose the image you want to show on that state and place that entry in the file mentioned just above this list.

In your activity layout file, add this xml file as the background of your view:

android:background="@drawable/my_button_bg"

At the run time, android will pick the image as you mentioned depending upon the state you mentioned and will show on the screen.

**NOTE : Try to add the state entry to your xml file in the same order as mentioned in the above list for minimal complications.

Map Overlays of custom shape and color in Android

2013-01-08T05:57:00.001-08:00

This post covers the way to add some custom Map Overlays of custom shape, lets say circle with some custom color in it.

package com.your.package;

import java.util.ArrayList;

import android.R.color;
import android.app.AlertDialog;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.graphics.Point;
import android.graphics.drawable.Drawable;

import com.google.android.maps.GeoPoint;
import com.google.android.maps.ItemizedOverlay;
import com.google.android.maps.MapView;
import com.google.android.maps.OverlayItem;
import com.google.android.maps.Projection;

public class LocationOverlay extends ItemizedOverlay<OverlayItem> {

   private Context mContext;
   private ArrayList<OverlayItem> mOverlays = new ArrayList<OverlayItem>();
   private int outerCircleColorCode = 0xFF7600;

   /** Paint for drawing the overlay circle. */
   private Paint mCirclePaint;

   /** Represents screen co-ordinates. */
   private final Point mScreenCoords = new Point();

   /** Halo color. */
   private int mHaloColor;

   /** Halo border color. */
   private int mHaloBorderColor;
   private GeoPoint childLocation;

   public LocationOverlay(Drawable arg0, Context context, GeoPoint childLocation) {
      super(boundCenterBottom(arg0));
      mContext = context;
      this.childLocation = childLocation;
   }

   public void addOverlay(OverlayItem overlay) {
      mOverlays.add(overlay);
      populate();
   }

   @Override
   protected OverlayItem createItem(int arg0) {
      return mOverlays.get(arg0);
   }

   @Override
   public int size() {
      return mOverlays.size();
   }

   @Override
   protected boolean onTap(int index) {
      OverlayItem item = mOverlays.get(index);
      AlertDialog.Builder dialog = new AlertDialog.Builder(mContext);
      dialog.setTitle(item.getTitle());
      dialog.setMessage(item.getSnippet());
      dialog.show();
      return true;
   }

   @Override
   public void draw(Canvas canvas, MapView mapView, boolean arg2) {
      final Projection projection = mapView.getProjection();

      projection.toPixels(childLocation, mScreenCoords);

      double radiusInMeter = 100;
      final float radius = projection.metersToEquatorPixels((float) radiusInMeter);
      //Inner white circle
      mCirclePaint = new Paint();
      mCirclePaint.setAntiAlias(true);
      // Draw semi-transparent circle.
      mCirclePaint.setAlpha(50);
      mCirclePaint.setColor(Color.WHITE);
      mCirclePaint.setStyle(Style.STROKE);
      mCirclePaint.setStrokeWidth(12);

      canvas.drawCircle(mScreenCoords.x, mScreenCoords.y, radius-1, mCirclePaint);

      //Outer while circle
      mCirclePaint = new Paint();
      mCirclePaint.setAntiAlias(true);
      // Draw semi-transparent circle.
      mCirclePaint.setAlpha(10);
      mCirclePaint.setColor(Color.WHITE);
      mCirclePaint.setStyle(Style.STROKE);
      mCirclePaint.setStrokeWidth(12);

      canvas.drawCircle(mScreenCoords.x, mScreenCoords.y, radius+1, mCirclePaint);

      mCirclePaint.setColor(outerCircleColorCode); //Orange Color
      mCirclePaint.setStyle(Style.STROKE);
      mCirclePaint.setAlpha(255);
      mCirclePaint.setStrokeWidth(8);
      canvas.drawCircle(mScreenCoords.x, mScreenCoords.y, radius, mCirclePaint);
   }

}

Animation Drawbles in Android

2011-12-08T04:27:00.000-08:00

To show an animation in app like sailing ship or flying aeroplane with the help of static image frames you need to make a drawble like this:

/drawbles/loading_animation.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list
xmlns:android="http://schemas.android.com/apk/res/android"
id="selected"
android:oneshot="true"
android:animationOrder="reverse"
>
<item
android:drawable="@drawable/loading_1"
android:duration="80" />
<item
android:drawable="@drawable/loading_2"
android:duration="80" />
<item
android:drawable="@drawable/loading_3"
android:duration="80" />
<item
android:drawable="@drawable/loading_4"
android:duration="80" />
<item
android:drawable="@drawable/loading_5"
android:duration="80" />
<item
android:drawable="@drawable/loading_6"
android:duration="80" />
<item
android:drawable="@drawable/loading_7"
android:duration="80" />
<item
android:drawable="@drawable/loading_8"
android:duration="80" />
<item
android:drawable="@drawable/loading_9"
android:duration="80" />
<item
android:drawable="@drawable/loading_10"
android:duration="80" />
<item
android:drawable="@drawable/loading_11"
android:duration="80" />
<item
android:drawable="@drawable/loading_12"
android:duration="80" />
<item
android:drawable="@drawable/loading_13"
android:duration="80" />
<item
android:drawable="@drawable/loading_14"
android:duration="80" />
<item
android:drawable="@drawable/loading_15"
android:duration="80" />
</animation-list>

Then in the layout.xml, define your image view like this:

<ImageView android:layout_below="@id/image1"
android:layout_centerHorizontal="true" android:layout_marginTop="20dp"
android:id="@+id/ivLoading" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:background="@drawable/loading_animation" />

Then in the Activity file:

AnimationDrawable loadingAnimation;
loadingAnimation = (AnimationDrawable) ivLoading.getBackground(); // ivLoading is the imageView created in layout.xml
Now start the animation by:
loadingAnimation.start();

Simple cursor adapter made easy

2011-11-03T10:27:00.000-07:00

Here is how to use the CursorAdapter in Android.

Outline:
In this example, we are gonna draw a list, using the CursorAdapter, for the cursor pointing to a table mapped with the list of my pojo "Promotion" basically containing the imageUrl, title and similar kind of info.
"ThumbnailFetchListener" and "downloadThumbnail" are interface and method respectively to download the images from server in the separate thread.
"promotion_banner" is the layout I use as the listViewItem.

private class MyCursorAdapter extends CursorAdapter {

LayoutInflater inflater;
int titleColumnIndex;
int imageUrlColumnIndex;

public PromotionsGalleryAdapter(Context context, Cursor c,
boolean autoRequery) {
super(context, c, autoRequery);
init(context, c);
}
private void init(Context context, Cursor c) {
inflater = LayoutInflater.from(context);
titleColumnIndex = c.getColumnIndexOrThrow(Promotions.TITLE);
imageUrlColumnIndex = c.getColumnIndexOrThrow(Promotions.IMAGE_URL);
}

@Override
public View newView(Context context, Cursor cursor, ViewGroup parent) {
Logger.log(TAG, "newView called");
View v = inflater.inflate(R.layout.promotion_banner, null);
v.setLayoutParams(new Gallery.LayoutParams(
FrameLayout.LayoutParams.FILL_PARENT,
FrameLayout.LayoutParams.FILL_PARENT));
return v;
}

@Override
public void bindView(View view, Context context, Cursor cursor) {
String title = cursor.getString(titleColumnIndex);
String imageUrl = cursor.getString(imageUrlColumnIndex);
Bitmap bitmap = null;
if (TextUtils.isEmpty(imageUrl)) {
view.findViewById(R.id.progress).setVisibility(View.GONE);
} else {
bitmap = BitmapCache.loadBitmap(imageUrl);
if (bitmap == null) {
serviceHelper.downloadThumbnail(imageUrl,
new ThumbnailFetchListener());
} else {
view.findViewById(R.id.progress).setVisibility(View.GONE);
view.findViewById(R.id.promotion_image_iv).setVisibility(
View.VISIBLE);
}
}
((ImageView) view.findViewById(R.id.promotion_image_iv))
.setImageBitmap(bitmap);
}

private class ThumbnailFetchListener implements
ThumbnailDownloadListener {

@Override
public void onComplete(Bitmap bitmap, String url, String filename) {
BitmapCache.save(url, bitmap);
notifyDataSetChanged();
}

@Override
public void onError(String url) {
// ignore
} } }

Turn off, Turn on wifi in android via code

2011-05-06T10:04:00.000-07:00

Here is how to turn on and turn off wifi in android.

First you need to declare the following in your manifest file:

<uses-permission android:name="android.permission.ACCESS_WIFI_STATE"></uses-permission>
<uses-permission android:name="android.permission.UPDATE_DEVICE_STATS"></uses-permission>
<uses-permission android:name="android.permission.CHANGE_WIFI_STATE"></uses-permission>
<uses-permission android:name="android.permission.WAKE_LOCK"></uses-permission>

Now in your activity, do this to control WiFi:

private WifiManager wifiManager;
@Override 
public void onCreate(Bundle icicle) {

  -- your usual stuff --

  // Get the Wifi service from our system
  wifiManager = (WifiManager) this.getSystemService(Context.WIFI_SERVICE);

  // Check the our wifi is currently turned on or turned off
  if(wifiManager.isWifiEnabled()){
    wifiManager.setWifiEnabled(false);
  }else{
    wifiManager.setWifiEnabled(true);
  }
}

Source:

Complete reference to the WiFi code in android

Twitter integration in an Android App

2011-04-16T09:36:00.000-07:00

Prerequisites:

Consumer Key
Consumer key secret
Signpost-core and signpost-commonshttp libs

Approach:

launch the twitter authentication in a webview and present the login page to user in it.

When user enters the credentials, validate them and proceed.

Activity TwitterConnectWebActivity:

** You can copy the following whole activity in your code, as its a standalone code

public class TwitterConnectWebActivity extends Activity {

private static final String TAG = "TwitterConnectWebActivity";

private static String TWITTER_IMAGE_URL = "http://api.twitter.com/1/users/profile_image/@user.json";

private static final int LOADING_DIALOG_ID = 0;

protected final String CALLBACKURL = "OauthTwitter://taylorswiftapp";

protected static CommonsHttpOAuthConsumer twitterHttpOauthConsumer;

protected static OAuthProvider twitterHttpOauthprovider;

protected int TWITTER_LOGIN_REQUEST_CODE = 1;

protected int TWITTER_LOGOUT_REQUEST_CODE = 2;

AccessToken twitterAuthToken;

Context context;

WebView webview;

ProgressBar progressBar;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.tw_connect_web_activity);

context = this;

webview = (WebView) findViewById(R.id.webview);

progressBar = (ProgressBar) findViewById(R.id.progress_bar);

new RequestTokenSecretUrlTask().execute();

}

private class RequestTokenSecretUrlTask extends

AsyncTask<Void, Void, String> {

@Override

protected void onPreExecute() {

showDialog(LOADING_DIALOG_ID);

}

@Override

protected String doInBackground(Void... params) {

try {

twitterHttpOauthConsumer = new CommonsHttpOAuthConsumer( "YOUR_CONSUMER_KEY",

"YOUR_CONSUMER_SECRET");

twitterHttpOauthprovider = new DefaultOAuthProvider(

"https://api.twitter.com/oauth/request_token",

"https://api.twitter.com/oauth/access_token",

"https://api.twitter.com/oauth/authorize");

String authUrl = twitterHttpOauthprovider.retrieveRequestToken(

twitterHttpOauthConsumer, CALLBACKURL);

Log.e(TAG, "Load URL : " + authUrl);

return authUrl;

} catch (Exception e) {

e.printStackTrace();

}

return null;

}

@Override

protected void onPostExecute(String authUrl) {

dismissDialog(LOADING_DIALOG_ID);

webview.setWebViewClient(new TwitterWebViewClient());

webview.getSettings().setPluginsEnabled(true);

webview.getSettings().setJavaScriptEnabled(true);

webview.getSettings().setLayoutAlgorithm(

WebSettings.LayoutAlgorithm.NARROW_COLUMNS);

webview.loadUrl(authUrl);

}

private class TwitterWebViewClient extends WebViewClient {

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url) {

Log.e(TAG, "shouldOverrideUrlLoading() -> url:" + url);

progressBar.setVisibility(View.VISIBLE);

Uri uri = Uri.parse(url);

if (uri != null && uri.toString().startsWith(CALLBACKURL)) {

String verifier = uri

.getQueryParameter(oauth.signpost.OAuth.OAUTH_VERIFIER);

try {

twitterHttpOauthprovider.retrieveAccessToken(

twitterHttpOauthConsumer, verifier);

twitterAuthToken = new AccessToken(twitterHttpOauthConsumer

.getToken(), twitterHttpOauthConsumer

.getTokenSecret());

ConfigurationBuilder cb = new ConfigurationBuilder();

cb.setDebugEnabled(true).setOAuthConsumerKey(

twitterHttpOauthConsumer.getConsumerKey())

.setOAuthConsumerSecret(

twitterHttpOauthConsumer

.getConsumerSecret())

.setOAuthAccessToken(twitterAuthToken.getToken())

.setOAuthAccessTokenSecret(

twitterAuthToken.getTokenSecret());

TwitterFactory tf = new TwitterFactory(cb.build());

Twitter twitter = tf.getInstance();

// if authentication is done,set result to ok finish this

// activity

Intent intent = new Intent();

intent

.putExtra("access_token", twitterAuthToken

.getToken());

intent.putExtra("access_secret", twitterAuthToken

.getTokenSecret());

String name = twitter.getScreenName();

intent.putExtra("twitter_screen_name", name);

intent.putExtra("twitter_uid", "" + twitter.getId());

intent

.putExtra("twitter_image_url", ""

+ twitter.getProfileImage(name,

ProfileImage.BIGGER));

setResult(RESULT_OK, intent);

finish();

} catch (Exception e) {

e.printStackTrace();

}

return true;

} else {

Log.e(TAG, " ::2222:: Twitter URl --- " + url);

view.loadUrl(url);

return true;

}

@Override

public void onPageFinished(WebView view, String url) {

progressBar.setVisibility(View.INVISIBLE);

}

@Override

protected Dialog onCreateDialog(int id) {

switch (id) {

case LOADING_DIALOG_ID:

ProgressDialog dialog = new ProgressDialog(this);

dialog.setMessage("Loading...");

dialog.setOnCancelListener(new DialogInterface.OnCancelListener() {

public void onCancel(DialogInterface arg0) {

finish();

}

});

return dialog;

default:

return super.onCreateDialog(id);

}

NOW, from the point where you wanna start this twitter stuff, just call:

startActivity(new Intent(this, TwitterConnectWebActivity.class));

In manifest add this permission:

<uses-permission

android:name="android.permission.INTERNET" />

You are done.

Android: Broadcast Receivers made simple

2011-04-07T23:19:00.000-07:00

Lets say you have a requirement:
App starts with Activities A,B and C and then Activity D is started.
A,B and C are the activities for just one time like Terms and Conditions etc, that user should not be able to see them once he has successfully navigated from A->B->C and then to D.

Lets solve this basic problem using BroadcastReceivers:

In your Activity A:

Activity A{

public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

...

IntentFilter myFilter = new IntentFilter("finish"); // "finish" can be any string you wanna provide
registerReceiver(myReceiver, myFilter);

}

BroadcastReceiver myReceiver = new BroadcastReceiver() {

@Override
public void onReceive(Context context, Intent intent) {
Log.d("ActivityA", "finishing A");
finish();
}
};

@Override
protected void onDestroy() {
unregisterReceiver(myReceiver);
super.onDestroy();
}

}

Similarly register for this broadcast receiver in all other activities you wanna finish at a single action.

Now in Activity D,

you just need to call
sendBroadcast(new Intent("finish"));

at the point where you want that all the activities who have registered for your receiver must get finished.

P.S. Its mandatory to unregister the receiver at some point else there can be a possible exception.

Introductory Blog

2010-09-17T00:55:00.000-07:00

Hi All,

I am an Android Developer from past couple of years.

This blog is to share the knowledge I have acquired in field of android with all of them who need any help.

You can post your queries to this blog and I can assure you will get quality replies.

Akkilis