Add ActionBar to Android 2.x (v7 appcompat library)


1 Reply
android-actionbar-resultThe ActionBar APIs is available for Android 3.0 (API level 11) by default. For Android 2.1 (API level 7) and above they are available in the Support Library. Here we show how to use the support library’s to bring action bar to older version of android. Again if your app supports only Android 3.0 or higher, you should use the ActionBar APIs in the framework.

Objectives:

  • How to add actionbar to older version of android such 2.3.x?
  • How to add the needed Support Library?
  • How to add actions items to actionbar?

Environment & Tools:

  • Android Developer Tools (ADT) (or Eclipse + ADT plugin)
  • AVD Nexus S Android 2.3 “emulator” or,
  • Samsung Galaxy SII Android 2.3.3 “physical device”
  • Min SDK 8

Libraries:

( 1 ) Create a New Android Project

  • File >> New >> Android Application
  • Enter App name: android-actionbar-for-2.x.x
  • Pakcage: com.hmkcode.android
  • Keep other defualt selections, go Next  till you reach Finish
  • Add three menu items to res/menu/main.xml
Icons used in this sample can be found in GitHub or Download the Action Bar Icon Pack.
  • res/menu/main.xml
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<menu xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:id="@+id/action_search"
        android:orderInCategory="100"
        android:showAsAction="always"
        android:icon="@drawable/ic_action_search"
        android:title="Search"/>
    <item
        android:id="@+id/action_copy"
        android:orderInCategory="100"
        android:showAsAction="always"
        android:icon="@drawable/ic_content_copy"
        android:title="Copy"/>
    <item
        android:id="@+id/action_share"
        android:orderInCategory="100"
        android:showAsAction="always"
        android:icon="@drawable/ic_social_share"
        android:title="Share"/>
</menu>
When running on android 2.3.3, menu items are displayed in the “old” menu when clicking on menu button.
android-before-actionbar-menu

( 2 ) Download Library Setup

Steps taken from Android Developer website
  1. Start the Android SDK Manager.
  2. Scroll down to Extras folder.
  3. Select the Android Support Library item.
  4. Click the Install packages… button.
sdk-manager-support-libs
The downloaded Support Library files are located in the following subdirectory of your SDK: <sdk>/extras/android/support/ directory.

( 3 ) Import the Library Setup to the Workspace

  • Go to ADT IDE
  • Select File >> Import…  >> Android (folder)  >> Existing Android Code Into Workspace
android-import-support-library
  • Browse to your sdk directory <sdk>/extras/android/support/v7/appcompat/
  • Click Finish
android-import-support-library-appcompat-v7
  • android-suuport-7v-appcompat will be imported to the workspace and displayed in the Package Explorer.

( 4 ) Add Support Library to the Application

  • Go to ADT
  • Right-click on the application “android-actionbar-for-2.x.x“ >> properties...
  • Select Android from the left menu
  • Under Library section Click Add… button
  • Select android-support-v7-appcompat
  • Click OK
android-add-library-appcompat-v7

( 5 ) Extend ActionBarActivity “Not Activity”

Our activity class should now extends android.support.v7.app.ActionBarActivity
  • src/com/hmkcode/android/MainActivity.java
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
package com.hmkcode.android;
 
import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.view.Menu;
 
public class MainActivity extends ActionBarActivity {
 
    @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;
    }
 
}

( 6 ) Add Appcompat Theme to AndroidManifest.xml file

Add android:theme=”@style/Theme.AppCompat.Light” to the activity that will show the action bar
  • /AndroidManifest.xml
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.hmkcode.android"
    android:versionCode="1"
    android:versionName="1.0" >
 
    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="17" />
 
    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.hmkcode.android.MainActivity"
            android:label="@string/app_name"
            android:theme="@style/Theme.AppCompat.Light" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
 
</manifest>

( 7 ) Use Custom Namespace for showAsAction Attribute

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:hmkcode="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_search"
        android:orderInCategory="100"
        hmkcode:showAsAction="always"
        android:icon="@drawable/ic_action_search"
        android:title="Search"/>
    <item
        android:id="@+id/action_copy"
        android:orderInCategory="100"
        hmkcode:showAsAction="always"
        android:icon="@drawable/ic_content_copy"
        android:title="Copy"/>
    <item
        android:id="@+id/action_share"
        android:orderInCategory="100"
        hmkcode:showAsAction="always"
        android:icon="@drawable/ic_social_share"
        android:title="Share"/>
</menu>
Using XML attributes from the support library
Notice that the showAsAction attribute above uses a custom namespace defined in the <menu> tag. This is necessary when using any XML attributes defined by the support library, because these attributes do not exist in the Android framework on older devices. So you must use your own namespace as a prefix for all attributes defined by the support library.

Run it


Source Code @ GitHub

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Rails CanCan

CanCan is an authorization library for Ruby on Rails which restricts what resources a given user is allowed to access. All permissions are defined in a single location (the Ability class) and not duplicated across controllers, views, and database queries. Installation In Rails 3 , add this to your Gemfile and run the bundle command. gem "cancan" In Rails 2 , add this to your environment.rb file. config.gem "cancan" Alternatively, you can install it as a plugin. rails plugin install git://github.com/ryanb/cancan.git Getting Started CanCan expects a current_user method to exist in the controller. First, set up some authentication (such as Authlogic or Devise ). See Changing Defaults if you need different behavior. 1. Define Abilities User permissions are defined in an Ability class. CanCan 1.5 includes a Rails 3 generator for creating this class. rails g cancan:ability In Rails 2.3, just add a new class in `app/models/ability.rb` with
Leia mais

Meus insights mais valiosos sobre criptomoedas para 2018 e além

Since I started to study the crypto world, I spent hundreds and hundreds of hours — if not thousands — collecting, assimilating, and reflecting on everything I could in order to better understand this market (virus?) that fascinates me more everyday. I found extremely valuable information that I would like to share with you today.  Whether you are a newbie or a veteran in the crypto space, I hope that by the end of this post you will get new perspectives,   and ideas you’ve never heard or thought about before . “The most valuable type of economists are cryptoeconomists, as they can actually create, manage, and analyze economies.” — Naval Ravikant In case you want to directly jump to a section, the post is composed of 8 parts: Decentralized Exchange Protocols Will Be Game Changers Coinbase (and The Other Centralized Exchanges) Have HUGE Opportunities To Evolve Protocols and Scalability: In Progress… But Still Waiting For The Killer Apps Crypto Geopolitics: Why The Crypto W
Leia mais

Como pegar a senha do Whatsapp de um Android ou Iphone

Imagem
WhatsApp is a very popular SMS-like messenger for smartphones, but it’s unfortunately only available for smartphones right now. If you want to use other tools or write web applications that send or receive WhatsApp messages (e.g. WhatsAPI ), you have to find a way to sniff the WhatsApp password from your smartphone. Until recently, this password was just an MD5 hash of your IMEI (or MAC address), but that has changed when that was uncovered. Since then, the WhatsApp server assigns a password to each device/account when it first registers. This tutorial demonstrates how to capture the WhatsApp password of your WhatsApp account using the SSL/TLS proxy mitmproxy . Once you have this password, you can use it to communicate with the WhatsApp servers directly or via a framework. This is the first part of a two-part tutorial. The second part demonstrates how to send and receive WhatsApp messages via PHP . Contents Updates 1. Introduction 1.1. Please note:
Leia mais