Все о разработке для Android

Создаем ProgressBar из кода

Vladimir Baryshnikov — Sun, 12 Dec 2010 14:38:25 +0000

В создании кастомного ProgressBar нет ничего сложного при использовании xml. А вот с созданием его же через код, у некоторых появляются проблемы. Решил выложить пример создания ProgressBar. Как вы увидите дальше, в этом нет ничего сложного:

public class ProgressBarFromCode extends Activity {

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

LayoutInflater inflater = getLayoutInflater();
LinearLayout content = (LinearLayout) inflater.inflate(R.layout.main, null);

setContentView(content);

// Создаем необходимые drawable с нужными нам цветами
// в нашем случае цвет фона: #484848, цвет прогресса: #00B01B
Drawable background = new ColorDrawable(0xFF484848);
Drawable progress = new ColorDrawable(0xFF00B01B);
ClipDrawable clipProgress = new ClipDrawable(progress, Gravity.LEFT, ClipDrawable.HORIZONTAL);

// Создаем слои, которые понимает ProgressBar
LayerDrawable layerlist = new LayerDrawable(new Drawable[] { background, clipProgress });
layerlist.setId(0, android.R.id.background);
layerlist.setId(1, android.R.id.progress);

// Создаем новый прогресс бар с горизонтальным стилем и нашим фоном
ProgressBar progressBar = new ProgressBar(this, null, android.R.attr.progressBarStyleHorizontal);
progressBar.setLayoutParams(new LinearLayout.LayoutParams(
LinearLayout.LayoutParams.FILL_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT));
progressBar.setProgressDrawable(layerlist);
progressBar.setProgress(42);

content.addView(progressBar);
}
}

Исходный код: ProgressBarFromCode.zip

p.s. Этот пример, это скорее ответ на топик на хабре Анимация под Android, или спроси у Google: "В качестве упражнения повышенной сложности попробуйте в runtime (не через XML) создать ProgressBar в виде полоски, а не кругляшка."

Как показать клавиатуру для EditText?

Vladimir Baryshnikov — Mon, 22 Nov 2010 14:00:41 +0000

1. Создал простую разметку с кнопкой и текстовым полем ввода

version="1.0" encoding="UTF-8"?>

android:layout_width="fill_parent"
android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:padding="40dp">

android:layout_height="wrap_content"
android:id="@+id/btn"
android:text="Show"
android:layout_width="fill_parent">>

android:layout_height="wrap_content"
android:id="@+id/edittext"
android:layout_width="fill_parent">>
>

2. Собственно сам код:

public class InputMethodManagerTest extends Activity {
EditText edit;
Button btn;
InputMethodManager imm;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

setContentView(R.layout.input_method_manager_test);
imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);

edit = (EditText) findViewById(R.id.edittext);
btn = (Button) findViewById(R.id.btn);
btn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
imm.showSoftInput(edit, InputMethodManager.SHOW_FORCED);
}
});
}
}

Это конечно все хорошо, но этот код не будет работать если вам нужно показать клавиатуру при запуске активити.

Небольшое отступление. Поведение стандартной клавиатуры отличается на разных устройствах. Это зависит от наличия в устройстве физической клавиатуры.
– eсли нет физической клавиатуры, то программная по умолчанию будет автоматически отображаться, если фокус при запуске попадет на EditText.
– если физическая клавиатура есть, то программная будет спрятана при запуске.

Если нам нужно всегда отображать программную клавиатуру при запуске, поможет вот такой код:

private Handler mHandler = new Handler();
private EditText myEditText;

/**
* прячем программную клавиатуру
*/
protected void hideInputMethod() {
InputMethodManager imm = (InputMethodManager) getSystemService(INPUT_METHOD_SERVICE);
if (imm != null) {
imm.hideSoftInputFromWindow(myEditText.getWindowToken(), 0);
}
}

/**
* показываем программную клавиатуру
*/
protected void showInputMethod() {
InputMethodManager imm = (InputMethodManager) getSystemService(INPUT_METHOD_SERVICE);
if (imm != null) {
imm.showSoftInput(myEditText, 0);
}
}

private Runnable mShowInputMethodTask = new Runnable() {
public void run() {
showInputMethodForQuery();
}
};

@Override
public void onWindowFocusChanged(boolean hasFocus) {
super.onWindowFocusChanged(hasFocus);
if (hasFocus) {
// если окно в фокусе, то ждем еще немного и показываем клавиатуру
mHandler.postDelayed(mShowInputMethodTask, 0);
}
}

ListView: Танцующий текст

Vladimir Baryshnikov — Tue, 19 Oct 2010 10:34:31 +0000

Иногда случается, что при нажатии на элементы списка, некоторые из них сдвигаются на 1-2 пикселя.

Возможные варианты решения:
– если у текста выставлен параметр для высоты – wrap_content, попробуйте изменить на фиксированную высоту
– если у текста выставлен параметр gravity="center*", попробуйте убрать его совсем, что бы проверить оно или нет.
– в итоге, это оказалась проблема с разделителем списка. Самое простое решение было его просто отключить: android:divider="@null"

Создаем диалог с картинками

Dima Yarmolchuk — Thu, 12 Aug 2010 15:52:01 +0000

Причина написания поста стало то, что когда возникла идея создать такой диалог:

В Интернете не было не одного примера или описание как такое сделать, а попадались только стандартные диалоги:

Не обошлось без помощи хороших людей, мне помогли, и я решил, поведать миру как это делать, если вы еще не умеете. Начнём……
Нам понадобится адаптер который мы возьмем из исходников андроида

Aдаптер, который был взят с исходникв андроида.

/**
* Adapter showing the types of items that can be added to a {@link Workspace}.
*/
public class AddAdapter extends BaseAdapter {

private final LayoutInflater mInflater;

private final ArrayList<ListItem> mItems = new ArrayList<ListItem>();

public static final int ITEM_SHORTCUT = 0;
public static final int ITEM_APPWIDGET = 1;
public static final int ITEM_LIVE_FOLDER = 2;
public static final int ITEM_WALLPAPER = 3;

/**
* Specific item in our list.
*/
public class ListItem {
public final CharSequence text;
public final Drawable image;
public final int actionTag;

public ListItem(Resources res, int textResourceId, int imageResourceId, int actionTag) {
text = res.getString(textResourceId);
if (imageResourceId != -1) {
image = res.getDrawable(imageResourceId);
} else {
image = null;
}
this.actionTag = actionTag;
}
}

public AddAdapter(dialog launcher) {
super();

mInflater = (LayoutInflater) launcher.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

// Create default actions
Resources res = launcher.getResources();

mItems.add(new ListItem(res, R.string.group_shortcuts,
R.drawable.ic_launcher_shortcut, ITEM_SHORTCUT));

mItems.add(new ListItem(res, R.string.group_widgets,
R.drawable.ic_launcher_appwidget, ITEM_APPWIDGET));

mItems.add(new ListItem(res, R.string.group_live_folders,
R.drawable.ic_launcher_folder_live, ITEM_LIVE_FOLDER));

mItems.add(new ListItem(res, R.string.group_wallpapers,
R.drawable.ic_launcher_gallery, ITEM_WALLPAPER));

}

public View getView(int position, View convertView, ViewGroup parent) {
ListItem item = (ListItem) getItem(position);

if (convertView == null) {
convertView = mInflater.inflate(R.layout.add_list_item, parent, false);
}

TextView textView = (TextView) convertView;
textView.setTag(item);
textView.setText(item.text);
textView.setCompoundDrawablesWithIntrinsicBounds(item.image, null, null, null);

return convertView;
}

public int getCount() {
return mItems.size();
}

public Object getItem(int position) {
return mItems.get(position);
}

public long getItemId(int position) {
return position;
}

}

1. Для хранения данных мы будем использовать ArrayList, где ListItem:

public class ListItem {
public final CharSequence text;
public final Drawable image;
public final int actionTag;

public ListItem(Resources res, int textResourceId, int imageResourceId, int actionTag) {
text = res.getString(textResourceId);
if (imageResourceId != -1) {
image = res.getDrawable(imageResourceId);
} else {
image = null;
}
this.actionTag = actionTag;
}
}

2. Заполнение того самого ListItem делается так:

private final ArrayList<ListItem> mItems = new ArrayList<ListItem>();

mItems.add(new ListItem(res, R.string.group_shortcuts,
R.drawable.ic_launcher_shortcut, ITEM_SHORTCUT));

mItems.add(new ListItem(res, R.string.group_widgets,
R.drawable.ic_launcher_appwidget, ITEM_APPWIDGET));

mItems.add(new ListItem(res, R.string.group_live_folders,
R.drawable.ic_launcher_folder_live, ITEM_LIVE_FOLDER));

mItems.add(new ListItem(res, R.string.group_wallpapers,
R.drawable.ic_launcher_gallery, ITEM_WALLPAPER));

3. Не забываем про add_list_item.xml:

version="1.0" encoding="utf-8"?>
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:minHeight="?android:attr/listPreferredItemHeight"
android:textAppearance="?android:attr/textAppearanceLargeInverse"
android:gravity="center_vertical"
android:drawablePadding="14dip"
android:paddingLeft="15dip"
android:paddingRight="15dip" />

4. И использование нашего диалога:

AddAdapter mAdapter = new AddAdapter(this);
final CharSequence[] items = {"Shortcuts", "Widgets", "Folders", "Wallpapers"};

AlertDialog.Builder alt_bld = new AlertDialog.Builder(this);
alt_bld.setIcon(R.drawable.ic_tray_collapse);
alt_bld.setTitle(R.string.menu_item_add_item);
alt_bld.setAdapter(mAdapter, new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog, int item) {
Toast.makeText(getApplicationContext(), items[item], Toast.LENGTH_SHORT).show();
}
});

AlertDialog alert = alt_bld.create();
alert.show();

Исходный код: DialogImage.zip

Создаем список содержащий NumberPicker

Vladimir Baryshnikov — Tue, 10 Aug 2010 12:59:11 +0000

В этом примере мы создали список, в котором, каждый элемент состоит из текста и NumberPicker. В качестве адаптера для списка был использован EfficientAdapter из примеров API Demos: list14.java.

NumberPicker был полностью перенесен из исходников андроида.

Замечание: не используйте рефлексию для доступа к NumberPicker. Лучше перенести полностью все исходники из андроид в свой проект.

1. Разметка основного окна:

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

android:id="@+id/list"
android:layout_height="fill_parent"
android:layout_width="fill_parent">>
>

2. Создаем разметку для элемента списка:

version="1.0" encoding="UTF-8"?>
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:paddingLeft="10dp"
android:paddingRight="5dp">
android:id="@+id/text"
android:layout_height="fill_parent"
android:layout_width="fill_parent"
android:layout_weight="1"
android:textSize="16sp"
android:gravity="center_vertical" />

android:id="@+id/nPicker"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
>

3. Для хранения данных списка будем использовать `ArrayList<ItemData>`, где ItemData:

public class ItemData {
String text;
int number;

public ItemData(String text, int number) {
this.text = text;
this.number = number;
}
}

4. Адаптер, как уже писал выше, основан на примере из API Demos:

private class EfficientAdapter extends BaseAdapter {
private LayoutInflater mInflater;
private ArrayList<ItemData> mItems;

public EfficientAdapter(Context context, ArrayList<ItemData> items) {
// Cache the LayoutInflate to avoid asking for a new one each time.
mInflater = LayoutInflater.from(context);
mItems = items;
}

public int getCount() {
return mItems.size();
}

public ItemData getItem(int position) {
return mItems.get(position);
}

public long getItemId(int position) {
return position;
}

public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder;

if (convertView == null) {
convertView = mInflater.inflate(R.layout.list_item, null);

holder = new ViewHolder();
holder.text = (TextView) convertView.findViewById(R.id.text);
holder.nPicker = (NumberPicker) convertView.findViewById(R.id.nPicker);
holder.nPicker.setOnChangeListener(numberPickerOnChangedListener);

convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}

// сохраняем каждый раз позицию текущего элемента в tag view объект
// мы будем использовать его для обновления данных при изменении NubmberPicker
holder.nPicker.setTag(position);

ItemData data = mItems.get(position);

holder.text.setText(data.text);
holder.nPicker.setCurrent(data.number);

return convertView;
}

class ViewHolder {
TextView text;
NumberPicker nPicker;
}
}

5. Обработчик изменений NumberPicker.

Так как у нас все данные находятся в массиве, то при изменении числа в NumberPicker нам нужно обновлять его и у нас. Сделать это можно через NumberPicker.OnChangedListener:

NumberPicker.OnChangedListener numberPickerOnChangedListener = new NumberPicker.OnChangedListener() {
@Override
public void onChanged(NumberPicker picker, int oldVal, int newVal) {
// получаем позицию из tag объекта NumberPicker
int position = (Integer) picker.getTag();
ItemData item = adapter.getItem(position);
item.number = newVal;
}
};

6. И последнее, создаем несколько тестовых данных, инициализируем адаптер и устанавливаем его в ListView:

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

ArrayList<ItemData> items = new ArrayList<ItemData>();
items.add(new ItemData("Первый", 44));
items.add(new ItemData("Второй", 4));
items.add(new ItemData("Дерево", 26));
items.add(new ItemData("Еще что то", 56));
items.add(new ItemData("Стол", 6));
items.add(new ItemData("Кружка", 33));

list = (ListView) findViewById(R.id.list);
adapter = new EfficientAdapter(getApplicationContext(), items);
list.setAdapter(adapter);
}

Исходный код: ListView_NumberPicker.zip

Замечание: Возможно при импорте проекта в Eclipse нужно будет сделать Project -> Clean…, выбрать проект (поставить галочку слева) и нажать OK

Как установить контекстное меню для ListView?

Vladimir Baryshnikov — Tue, 10 Aug 2010 10:28:21 +0000

Устанавливаем обработчик для контекстного меню, на текущий в Активити:

list.setOnCreateContextMenuListener(this);

И дальше реализовываем обработку.

@Override
public void onCreateContextMenu(ContextMenu menu, View v, ContextMenuInfo menuInfo) {
AdapterContextMenuInfo aMenuInfo = (AdapterContextMenuInfo) menuInfo;

// Получаем позицию элемента в списке
int position = aMenuInfo.position;

// Получаем данные элемента списка, тип данных здесь вы должны указать свой!
final AdapterData data = adapter.getItem(aMenuInfo.position);

menu.setHeaderTitle("Заголовок");
menu.add("Первый элемент").setOnMenuItemClickListener(new OnMenuItemClickListener() {
@Override
public boolean onMenuItemClick(MenuItem item) {
// дествия по клику меню
return true;
}
});
}

Как сделать обтекание картинки текстом у TextView (api8)?

Vladimir Baryshnikov — Tue, 03 Aug 2010 19:11:48 +0000

Этот пример поможет вам, использовать место под картинкой, которое обычно остается пустым.

Начиная с api 8 (Android 2.2) появился новый интерфейс LeadingMarginSpan2, который позволяет создавать отступ текста для N первых строк. На картинке создан отступ в 50 пикселей для 3 первых строк.

Итак, приступим.

1. Разметка.

version="1.0" encoding="UTF-8"?>

xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="5dp">

android:textSize="18.0sp"
android:id="@+id/message_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/text" />

android:src="@drawable/icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/icon" />
>

2. Реализация класса LeadingMarginSpan2.

class MyLeadingMarginSpan2 implements LeadingMarginSpan.LeadingMarginSpan2 {
private int margin;
private int lines;

MyLeadingMarginSpan2(int lines, int margin) {
this.margin = margin;
this.lines = lines;
}

/* Возвращает значение, на которе должен быть добавлен отступ */
@Override
public int getLeadingMargin(boolean first) {
if (first) {
/*
* Данный отступ будет применен к количеству строк
* возвращаемых getLeadingMarginLineCount()
*/
return margin;
} else {
// Отступ для всех остальных строк
return 0;
}
}

@Override
public void drawLeadingMargin(Canvas c, Paint p, int x, int dir,
int top, int baseline, int bottom, CharSequence text,
int start, int end, boolean first, Layout layout) {}

/*
* Возвращает количество строк, к которым должен быть
* применен отступ возвращаемый методом getLeadingMargin(true)
* Замечание:
* Отступ применяется только к N строкам первого параграфа.
*/
@Override
public int getLeadingMarginLineCount() {
return lines;
}
};

3. В OnCreate, создаем объект SpannableString и применяем новый стиль.

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

String text = getString(R.string.text);

// Получаем иконку и ее ширину
Drawable dIcon = getResources().getDrawable(R.drawable.icon);
int leftMargin = dIcon.getIntrinsicWidth() + 10;

// Устанавливаем иконку в R.id.icon
ImageView icon = (ImageView) findViewById(R.id.icon);
icon.setBackgroundDrawable(dIcon);

SpannableString ss = new SpannableString(text);
// Выставляем отступ для первых трех строк абазца
ss.setSpan(new MyLeadingMarginSpan2(3, leftMargin), 0, ss.length(), 0);

TextView messageView = (TextView) findViewById(R.id.message_view);
messageView.setText(ss);
}

Исходный код: MyLeadingMarginSpan2.zip

Как получить список всех детей View объекта?

Vladimir Baryshnikov — Mon, 02 Aug 2010 13:21:14 +0000

Следующий пример кода, поможет вам получить список всех детей любого View объекта.

private ArrayList<View> getViewChildsList(Object o) {
ArrayList<View> views = new ArrayList<View>();
if (o instanceof ViewGroup) {
ViewGroup vg = (ViewGroup) o;
views.add(vg);
int count = vg.getChildCount();
for (int i = 0; i < count; i++) {
views.addAll(getViewChildsList(vg.getChildAt(i)));
}
} else if (o instanceof View) {
views.add((View) o);
}

return views;
}

Рассмотрим пример, на основе текущей активити:

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

// Получаем View объект разметки для Activity
View layout = getLayoutInflater().inflate(R.layout.main, null);
setContentView(layout);

// Получаем список всех детей у layout
ArrayList<View> allViews = getViewChildsList(layout);

// Выводим количество найденных View
System.out.println("View count: " + allViews.size());
// Выводим все объекты используя метод v.toString()
for (View v : allViews) {
System.out.println(v.toString());
}
}

Создание оповещений с помощью Toast

Vladimir Baryshnikov — Sun, 01 Aug 2010 16:30:26 +0000

Toast – это простое оповещение пользователя. При отображении занимает минимальное количество места, необходимого для отображения сообщения. С тостами нельзя взаимодействовать. При отображении используется эффект появления и затухания.

Скриншот ниже показывает пример оповещения пользователя из приложения Будильник. Как только время будильника установлено, отображается toast, который показывает через какое время включится будильник.

Toast может быть создан и показан как из Activity, так и из Service. Если вы создадите toast оповещение из сервиса, то оно отобразится перед Activity находящейся в данный момент в фокусе.

Если необходима реакция от пользователя, то лучше использовать панель уведомлений (Status Bar Notification).

Основы

Необходимо создать Toast объект с помощью одного из makeText() методов. Этот метод получает три параметра: контекст приложения (Context), сообщение и время отображения. В качестве результата возвращается Toast объект. Для отображения которого, нужно вызвать метод show(), как показано в пример ниже:

Context context = getApplicationContext();
CharSequence text = "Hello toast!";
int duration = Toast.LENGTH_SHORT;

Toast toast = Toast.makeText(context, text, duration);
toast.show();

Этот пример подходит для большинства случаев. Вам редко понадобится использовать что нибудь другое. Однако, возможно вы захотите задать другое положение на экране или изменить внешний вид. Далее будут рассмотрены оба случая.

Можно так же отобразить тост без создания дополнительной переменной, вызвав метод show(), как показано в примере ниже:

Toast.makeText(context, text, duration).show();

Позиционирование Toast

По умолчанию тост оповещение появляется в низу экрана, центрированное по горизонтали. Вы можете изменить позицию с помощью метода setGravity(int, int, int). Метод принимает три параметра: Gravity константа, сдвиг по x, сдвиг по y.
Например, вы решили что хотите показывать оповещение в верхнем левом углу, тогда нужно установить gravity следующим образом:

toast.setGravity(Gravity.TOP|Gravity.LEFT, 0, 0);

Если нужно сдвинуть немного в право, увеличьте второй параметр, если влево – третий параметр.

Модифицирование Toast

Если отображение в виде простого сообщения не достаточно, вы можете использовать любую разметку, какую только захотите. Для этого нужно создать xml разметку в папке res\layout или с помощью кода прямо в приложении, и передать объект View методу setView(View).

Например, создадим разметку показанную на картинке, с помощью следующей xml разметки (сохраним файл под именем toast_layout.xml):

xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/toast_layout_root"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="10dp"
android:background="#DAAA" >
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_marginRight="10dp" />
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:textColor="#FFF" />
>

Заметим, что идентификатор элемента LinearLayout – "toast_layout". Далее мы будем использовать этот идентификатор для создания объекта View из xml разметки, как показано ниже:

LayoutInflater inflater = getLayoutInflater();
View layout = inflater.inflate(R.layout.toast_layout,
(ViewGroup) findViewById(R.id.toast_layout_root));

ImageView image = (ImageView) layout.findViewById(R.id.image);
image.setImageResource(R.drawable.android);
TextView text = (TextView) layout.findViewById(R.id.text);
text.setText("Hello! This is a custom toast!");

Toast toast = new Toast(getApplicationContext());
toast.setGravity(Gravity.CENTER_VERTICAL, 0, 0);
toast.setDuration(Toast.LENGTH_LONG);
toast.setView(layout);
toast.show();

Первое, мы получили LayoutInflater через метод getLayoutInflater() (так же можно использовать getSystemService()), и затем создали объект View из Xml разметки с помощью метода inflate(int, ViewGroup). Первый параметр – это идентификатор ресурса, второй – корневой View объект, к которому мы хотим подсоединить текущий. Вы можете использовать созданный объект, для поиска в нем других объектов, например, ImageView для установки картинки и TextView для текста сообщения. И наконец, создаем новый Toast с помощью конструктора Toast(Context) и проставляем свойства, такие как гравитация и время отображения. Затем вызываем метод setView(View) и передаем ему объект-разметку. Теперь можно отобразить ваш тост, вызвав метод show().

Замечание: Не нужно использовать публичный конструктор для создания Toast, если вы не собираетесь устанавливать свою разметку через метод setView(View).
Для всех остальных случаев достаточно использовать метод makeText(Context, int, int).

Перевод статьи: Creating Toast Notifications