Skip to main content

Posts

My Android "Azkar" Application: Pretty Design & Nice Animations

I'm pleased to share with you a useful  and pretty application for the muslems people : Azkar Application. The aim of  this application is to show the daily invocation for muslem people. There are 6 invocations supported in this version 1.0. If you  want to add a  specific invocation in the new version your proposals are welcome. I have tried to add some animation effects in order to make the user interface more attractive and innovative. A first animation that rotates the view on the Y axis between two specified angles. This animation also adds a translation on the Z axis to improve the effects. The second animation between the Invovacation's screens is a simple Alpha animation supported in the Android UI animations. Some screens captures from the different supported invocations with beautiful background and different colors: Morning invocations, Evening invocations, Prayer Invocations... I...

Map Overlay Demo

After creating your first Google Maps Application ,you may wish to add markers to the map to indicate places of interests.That's what you will see  in this article. Adding markers First you need to define a new class that extends  the  ItemizedOverlay  class, which can manage a whole set of Overlays(the individual items placed in the map). import com.google.android.maps.ItemizedOverlay; import com.google.android.maps.OverlayItem; public class CustomItemizedOverlay extends ItemizedOverlay{ private ArrayList<OverlayItem> mOverlays = new ArrayList<OverlayItem>(); Context mContext; public CustomItemizedOverlay(Drawable defaultMarker) { super(defaultMarker); } public CustomItemizedOverlay(Drawable defaultMarker,Context context) { super (defaultMarker); mContext = context; } public void addOverlay(OverlayItem overlay) { mOverlays.add(overlay); populate(); } @Override protected OverlayItem createItem(int i) { r...

Create your first Google Maps application

In this article i will show you  the different steps to follow to create your first Google Maps application. We will also demonstarte some usefull options that  give your application more flexibility and performance. Creating the Project Using Eclipse, create a new Android Project and name it   MapsDemo as  shown in Figure 1 Figure 1 Obtaining a Maps API Key Before you integrate Google Maps in your Application, you need  to apply for a Free  Google Maps API Key. To apply for key follow the steps  below. You can refrence to Google's documentation for more  details. First, find  this file ( debug.keystore )    and copy it (for simplicity) in c:\\Android(Create a folder named Andrioid under c:\\) Extract the MD5 fingerpoint using the keytool.exe included with your JDK installation.You can find the  keytool.exe under  " C:\Program Files\Java\<JDK_version_number>\bin " folder. keytool.exe -list -alias andro...

Change custom title view at runtime. Android

Sometimes you are invited to update the string label of your title bar activity at runtime. To do this,  we start by adding a new xml file of the  custom view  to be  use as  a new layout for the title bar view. We use in this example a textView view  to update the title's string. <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/screen"     android:layout_width="match_parent" android:layout_height="match_parent"     android:orientation="vertical">        <TextView android:id="@+id/custom_text"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_alignParentLeft="true"          /> </RelativeLayout> In the main.xml  file, we use ...

Styling portions of Text in Android TexView

A  simple way to style portions of text in  TextView Objects  is by using a string resource; you can add some  simple styling, such as blod or italic using HTML notion. For example, in res/value/strings.xml you could declare this: <string name="quickfacts">  <b>Inhabitant in Tunisia:</b>"\n" ca 10 million "\n\n" <b>Official Language:</b>"\n" Arabic (French as a second language)"\n\n"  <b>Currency</b>"\n" Tunisian Dinar (TND)"\n\n" <b>Country Code:</b>"\n" 216"\n\n" <b>Time Zone:</b>"\n" GMT + 1 hour"\n\n" <b>Religion:</b>"\n" Islam"\n\n" </string> Styling text diaplayed in a textView objetct:

Custom Android Title Bar

To customize the Android Title bar you need to define custom styles and apply those styles to a custom theme. Under the folder "Values"  create your "styles.xml"  file. <?xml version="1.0" encoding="utf-8"?> <resources> <!--    Changing the text style of title bar-->     <style name="CustomTitleBarText" parent="android:TextAppearance.WindowTitle">           <item name="android:textSize">18dip</item>           <item name="android:textColor">#FFFFFF</item>           <item name="android:textStyle">bold</item>                      </style>      <!-- Changes the background color of the title bar -->      <style name="CustomTitleBarBackground">            ...