Z-Droid

Виджет в маркер

2012-03-05T08:47:00.003+02:00

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

Описание

Droid Clock - дигитальные часы и дата с возможностью настроек на свой вкус.
Простые дигитальные часы для домашнего экрана.Внимание: Если виджет перестал обновляться, удалите его с вашего task-killer.
Особенности:
-Выбор из 10 шрифтов
-Выбор из 7 цветов
(черный, белый, красный, синий, зеленый, золотой, оранжевый)
-24/12 часовой формат
-Тень
-Обводка
-При нажатие на виджет открывается будильник

Ссылка на маркет - здесь

Приложение To Do (часть 2)

2012-02-08T19:13:00.000+02:00

И так, давайте продолжаем то что начали, наш To Do List. В этом примере мы изменим стандартные цвета, научимся добавлять и уничтожать наши заметки, сохранять их при выходе из приложения (не добавлять их в базу данных, это в следующем уроке).

Нужно создать два png файла для меню добавить и удалить, я создал вот такие:

размером 16 на 16 пикселлей, добавляем в каталог res/drawable-hdpi с именами add.png, remove.png (добавлю к конце статьи для скачки). Дальше редактируем наш string.xml , добавляем нужные строки:

    <string name="add_item">Add To Do</string>

    <string name="remove_item">Remove</string>

    <string name="cancel">Cancel</string>

Создаем новую тему для нашего приложения, файл styles.xml res/value

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

    <resources>

           <style name="ToDoTheme" parent="@android:style/Theme.Black">

                  <item name="android:textSize">12sp</item>

           </style>

   </resources>

В файле манефесте нам нужно объявить ее, для этого приписываем

    <activity
            android:label="@string/app_name"
            android:theme="@style/ToDoTheme"
            android:name=".ToDoListActivity" >

Создаем еще один файл для использования наших расцветок, colors.xml в res/value

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="notepad_paper">#AAFFFF99</color>
    <color name="notepad_lines">#FF0000FF</color>
    <color name="notepad_margin">#90FF0000</color>
    <color name="notepad_text">#AA0000FF</color>
</resources>

и так же файл размеров шрифта dimens.xml в том же каталоге

<?xml version="1.0" encoding="utf-8"?>
<resources>
<dimen name="notepad_margin">30dp</dimen>
</resources>

Вроде с xml покончили! Далее создаем класс ToDoListItemView унаследованный от класса TextView, будем изменять TextView как нам нужно

private Paint marginPaint;
private Paint linePaint;
private int paperColor;
private float margin;

Это будут наши переменные в которые мы добавим заданные нами цвета с файла ресурсов colors.xml

public ToDoListItemView (Context context, AttributeSet ats, int ds) {
    super(context, ats, ds);
    init();
}

public ToDoListItemView (Context context) {
    super(context);
    init();
}

public ToDoListItemView (Context context, AttributeSet attrs) {
    super(context, attrs);
    init();
}

Создаем три конструктора, в них мы вызываем метод init() он ответственный за заполнения переменных ресурсами

private void init() {
    // Get a reference to our resource table.
    Resources myResources = getResources();

    // Create the paint brushes we will use in the onDraw method.
    marginPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    marginPaint.setColor(myResources.getColor(R.color.notepad_margin));
    linePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    linePaint.setColor(myResources.getColor(R.color.notepad_lines));

    // Get the paper background color and the margin width.
    paperColor = myResources.getColor(R.color.notepad_paper);
    margin = myResources.getDimension(R.dimen.notepad_margin);
}

Следущий метод который нам нужно создать в этом классе это само рисование, будем рисовать с помощью Canvas:

@Override
public void onDraw(Canvas canvas) {
    // Color as paper
    canvas.drawColor(paperColor);

    // Draw ruled lines
    canvas.drawLine(0, 0, getMeasuredHeight(), 0, linePaint);
    canvas.drawLine(0, getMeasuredHeight(),
                       getMeasuredWidth(), getMeasuredHeight(),
                       linePaint);

    // Draw margin
    canvas.drawLine(margin, 0, margin, getMeasuredHeight(), marginPaint);

    // Move the text across from the margin
    canvas.save();
    canvas.translate(margin, 0);

    // Use the TextView to render the text.
    super.onDraw(canvas);
    canvas.restore();
}

с этим классом закончино, теперь мы переходим в наш класс активити ToDoListActivity. Здесь мы должны создать меню и соответственно то что должно выполнять меню.

static final private int ADD_NEW_TODO = Menu.FIRST;
static final private int REMOVE_TODO = Menu.FIRST + 1;

private boolean addingNew = false;
private ArrayList<String> todoItems;
private ListView myListView;
private EditText myEditText;
private ArrayAdapter<String> aa;

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

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    super.onCreateOptionsMenu(menu);

    // Create and add new menu items.
    MenuItem itemAdd = menu.add(0, ADD_NEW_TODO, Menu.NONE,
                                R.string.add_new);
    MenuItem itemRem = menu.add(0, REMOVE_TODO, Menu.NONE,
                                R.string.remove);

    // Assign icons
    itemAdd.setIcon(R.drawable.add);
    itemRem.setIcon(R.drawable.remove);

    // Allocate shortcuts to each of them.
    itemAdd.setShortcut('0', 'a');
    itemRem.setShortcut('1', 'r');

    return true;
}

@Override
public void onCreateContextMenu(ContextMenu menu,
                                  View v,
                                  ContextMenu.ContextMenuInfo menuInfo) {
    super.onCreateContextMenu(menu, v, menuInfo);

    menu.setHeaderTitle("Selected To Do Item");
    menu.add(0, REMOVE_TODO, Menu.NONE, R.string.remove);
}

Данный метод служит для создания меню и в нашем случае мы добавляем иконки к пунтктам меню. Для меню не нужно создавать размеры, андроид делает разметку автоматом, если пунктов меню больше чем 6 то он переносит их в допольнительное меню, добовлая пункт "Еще".

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    super.onOptionsItemSelected(item);

    int index = myListView.getSelectedItemPosition();

    switch (item.getItemId()) {
      case (REMOVE_TODO): {
        if (addingNew) {
          cancelAdd();
        }
        else {
          removeItem(index);
        }
        return true;
      }
      case (ADD_NEW_TODO): {
        addNewItem();
        return true;
      }
    }

    return false;
}

Обработчик событий меню.

private void cancelAdd() {
    addingNew = false;
    myEditText.setVisibility(View.GONE);
}

private void addNewItem() {
    addingNew = true;
    myEditText.setVisibility(View.VISIBLE);
    myEditText.requestFocus();
}

private void removeItem(int _index) {
    todoItems.remove(_index);
    aa.notifyDataSetChanged();
}

Методы отвечающие за добовление или унижтожение заметки.

Вот и все вроде! Урок получился большой, много кода, поэтому на всякий случай выкладываю ниже свои коды. Спасибо!!!

Коды (и add.png, remove.png)

To Do List (part 2)

Приложение To Do (часть 1)

2012-01-29T22:05:00.001+02:00

Давайте рассмотрим следующий пример на примере приложения To Do List.

И так создаем новый проект:

Project Name: ToDoList
Build Target: Android 2.1
Application Name: ToDoList
Package Name: my.azusdex.todolist

Откройте файл main.xml из каталога res/layout. Измените главную разметку:

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

    <EditText
        android:id="@+id/myEditText"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="New To Do Item" />

    <ListView
        android:id="@+id/myListView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

Закончив с пользовательским интерфайсом переходим в файл ToDoListActivity.java

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

        //Ссылки на элементы пользовательского интерфейса
        ListView myListView = (ListView)findViewById(R.id.myListView);
        final EditText myEditText = (EditText)findViewById(R.id.myEditText);

        //Массив для хранения данных
        final ArrayList<String> todoitems = new ArrayList<String>();
        final ArrayAdapter<String> aa;
        aa = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, todoitems);
        myListView.setAdapter(aa);

        //Обработчик текста внесенного в edittext
        myEditText.setOnKeyListener(new OnKeyListener() {
            public boolean onKey(View v, int keyCode, KeyEvent event) {
                if (event.getAction() == KeyEvent.ACTION_DOWN)
                    if (keyCode == KeyEvent.KEYCODE_DPAD_CENTER) {
                        todoitems.add(0, myEditText.getText().toString());
                        aa.notifyDataSetChanged();
                        myEditText.setText("");
                        return true;
                    }
                return false;
            }
        });
    }
}

Ну вот и все для первой части. Тут не вижу нечего сложного, поэтому описываеть не буду. Если есть вопросы то задовайте отвечу.

Виджет Analog Clock

2012-01-28T00:25:00.000+02:00

Решил продолжить тему разработки под android. Так как давно не писал, то немножко подзабыл и начинаю с разминки.
На этот раз напишем виджет обычных часов.

И так начнем. Открываем Eclipse -> New -> Android Project:
Project Name: AnalogClock
Build Target: Android 2.1
Application Name: AnalogClock
Package Name: my.azusdex.analogclock
Все данные можете поменять на свои, я так назвал для удобства. Дальше нужен фон для виджета, я использовал прозрачный фон созданный в GIMP. Имя фона bg1.png и сохранен в папке проекта drawable-hdpi. Я не думаю что у вас должны возникнуть проблемы с созданием фона, на всякий случай будет в низу. После этого открываем main.xml (в папке layout кто не помнит :-)) и вносим изменения

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/bg1"
    android:orientation="vertical"
    android:layout_gravity="center" >


    <AnalogClock
        android:id="@+id/analog"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_centerHorizontal="true"
        android:layout_alignParentTop="true" />

</RelativeLayout>

Ок, давайте разберемся что мы тут наделали.
<RelativeLayout> ... </RelativeLayout> - позволяет нам создавать объекты на фоне и привязывать к главным объектам дополнительные, в нашем случае мы создали объект часы который нужно установить в центре фона. Если бы мы создали бы еще один объект его размещение на фоне зависело бы от наших часов, то есть находился бы ближе к ним в зависимости от свободного места.
Следущие две строки, размер виджета, в данном случае не растягивем его на весь экран. Следущая строка, загрузка фона, и последние две размещение на экране.
<AnalogClock /> - собственно сами часы. Использована встроеный class AnalogClock. Тоже не чего сложного, первая сторока имя переменной, последущие две размер часов на фоне, и устанавливаем строго по середине.

Далее переходим в AndroidManifest.xml и меняем так как здесь:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="my.azusdex.analogclock"
    android:versionCode="1"
    android:versionName="1.0" >

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name" >

        <receiver
            android:name=".AnalogClock"
            android:label="@string/app_name">

            <intent-filter>
                <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />

            </intent-filter>



            <meta-data
                android:name="android.appwidget.provider"
                android:resource="@xml/hello_widget_provider"/>

        </receiver>

    </application>


    <uses-sdk android:minSdkVersion="7" />

</manifest>

нужно для отображение виджета. Нужно также создать фаил hello_widget_provider.xml в папке xml, которую так же нужно создать (res). В этом файле мы прописываем минимальную высоту и ширину виджета

<?xml version="1.0" encoding="utf-8"?>
<appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"
    android:minWidth="100dip"
    android:minHeight="100dip"
    android:updatePeriodMillis="10000"
    android:initialLayout="@layout/main"

/>

И последнее, создаем класс AnalogClock.java унаследованый от AppWidgetProvider, оставляем его пустым.

package my.azusdex.analogclock;

import android.appwidget.AppWidgetProvider;

public final class AnalogClock extends AppWidgetProvider {

}

Вот в принцепе и всё!!!

Ссылки на фон и саму апликацию:

фон

AnalogClock.apk - Виджет

Спасибо! :-)

Урок 2: Первый виджет

2011-02-22T22:58:00.000+02:00

И так приступим. Надеюсь разобрались с установкой библиотек и средой разроботки с первого урока. Здесь я решил написать о создание виджетов для среды android
Для начала нужно запустить проект в Eclipse

File → new Project → other → Android Project.

У меня это выглядит так, у вас может быть чуть по другому. Дальше

Project name: Здесь пишем имя проекта

Target Name: Выбираем в какой операционной системе будет работать (будет работать и версии выше но не ниже)

Application name: Имя программы

Package name: Имя пакета(по умолчанию не создает, поэтому надо прописать)

Min SDK Version: Версия SDK(Ставьте 4 и выше проблем не будет)

После нажатия на Finish откроется окно проекта где мы и будем писать нашу программу

Это структура нашего пустого проекта.

И так первым делом нужно открыть фаил main.xml он находится в layout и переделать его следующим образом:

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:background="@drawable/widget_bg_normal"

android:layout_gravity="center"

<TextView

android:id="@+id/widget_textview"

android:textSize="50dip"

android:text="@string/widget_text"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal|center"

android:layout_marginTop="5dip"

android:padding="10dip"

android:textColor="@android:color/darker_gray"

</LinearLayout>

Скорей всего в тут же получите ошибку системы:
ERROR Error: No resource found that matches the given name (at 'background' with value
'@drawable/widget_bg_normal')
Пока не обращаем внимания, давайте сначала разберем что же мы написали

android:orientation="vertical" размещение приложения "вертикально"

android:layout_width="fill_parent" ширина на весь экран

android:layout_height="fill_parent" высота не растягивать на весь экран

android:layout_gravity="center" выравнивать по центру

android:background="@drawable/widget_bg_normal" использовать фон widget_bg_normal из папки drawable(здесь мы и получаем ошибку, папка то есть, а вот фон не создали)

Для этого нам нужно создать фон в формате png, размеров где то 300*200 и просто перетащить его в папку drawable, не забудьте дать правильное имя. Создать фон я думаю не проблема. Я создаю его с помощью фотошопа, больших знаний в нем для этого не нужно.

Все что находится между тегами <TextView.../> относится к виду текста, тут мы определяем размеры текста, шрифт, цвет.

Теперь открываем файл string.xml в папке values и правим его

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

<string name="widget_text">Hello Widget!</string>

<string name="app_name">My Widget</string>

</resources>

тут я думаю все понятно, но все же поясню:

widget_text - пишем то что должен отображать виджет

app_name - название виджета.

Открываем файл AndroidManifest.xml, этот файл ответственный за передачу системе кода и объявление переменных

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

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

package="com.android.my.widget"

android:versionCode="1"

android:versionName="1.0">

<intent-filter>

</intent-filter>

</receiver>

</application>

<uses-sdk android:minSdkVersion="4" />

</manifest>

и в момент получаем ошибку так как не существует ресурс xml/hello_widget_provider.

Нам нужно его создать, для этого создаем папку xml ниже папки values и создаем там файл

hello_widget_provider.xml

в нем пишем следующие

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

<appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"

android:minWidth="300dip"

android:minHeight="100dip"

android:updatePeriodMillis="10000"

android:initialLayout="@layout/main"

Описывать эти два файла я пока не буду, пока незачем.

И так скажете вы где же программирование на Java? Давайте приступим. Создаем класс HelloWidget

Все что нам нужно здесь прописать :-)

package com.android.hello.widget;//наш пакет

import android.appwidget.AppWidgetProvider;//вызываем библиотеку виджета

public class HelloWidget extends AppWidgetProvider{

//открываем пустой класс с вызовом виджета

}

На этом вроде все, осталось только запустить наш проект

Run As - Android Application

Если вы хотите перенести ваш проект в апарат android то нужно проити в папку с проектом отуда в сам проект, выбираете папку bin и вуаля там файл helloWidget.apk

Спасибо за внимание, продолжение следует

Java Code HelloWidget

Скачать

Урок 1: Приступаем к программированию

2011-02-15T20:09:00.000+02:00

И так начнем, для того что бы начать писать программы для андроида нам понадобится первым делом установить среду для разработки.
Первым делом надо установить http://java.sun.com/javase/downloads/widget/jdk6.jsp, тут все просто переходим по ссылке выбираем нужную вам платформу и устанавливаем. Следующее что на нужно это Eclipse Classic

После установки, программы считайте что первый шаг вы уже сделали. После установки программы открывайте Eclipse задавайте место где будут хранится все ваши проекты и следующий шаг нужно загрузить Android Development Tools в программу. Для этого открываем в Eclipse Help -> Install New Software в появившемся окне выбираем Add В появившемся окне в строку Name вписывайте название, например Android, а в Location укажите ссылку: https://dl-ssl.google.com/android/eclipse/ после чего нажмите ОК. Окно закроется и через несколько секунд (зависит от интернет-соединения) появится Developer Tools, напротив которого нужно будет поставить галочку и нажать Next. В следующем окне напротив других фраз уже по умолчанию будут стоять галочки, Вам останется нажать Next, подождать пока ADT загрузится и установится и после этого нажать Finish.

Теперь закройте Eclipse и откройте заново. Следующий шаг, это загрузка Android SDK, выбираем нужную Вам платформу, и скачиваем Android SDK. После загрузке распакуйте этот zip-архив в папку eclipse.Следующий шаг – это обновление SDK до последних версий. Хочу предупредить, что владельцам высокоскоростного безлимитного интернета повезло, потому что при обновлении, которое затянулось минут на 20, было вытянуто из интернета более 1 Гб данных. Так что имейте это в виду. Теперь, собственно, как именно делается это обновление – в Eclipse идем по пути Window –>Android SDK and AVD Manager. В появившемся окне в его правой части выбираем Installed Packages, а затем, внизу этого окна, выбираем Update All. После того, как будет произведен поиск обновлений, будет выведено еще одно окно, в котором нужно будет нажать на Accept All (в правом нижнем углу), а затем Install. Все, осталось ждать время пока обновления загрузятся и установятся. Этот шаг является последним шагом в настройке IDE для Android.

Знакомство с средой android

2011-02-15T19:29:00.000+02:00

И так вот и стал счастливым обладателем смартфона андроид. Очень рад как маленький ребенок :-). Игрался с телефон месяц, другой и решил все таки научится создавать свои собственные аппликации, виджеты. Дело оказалось не из легких, хоть и знаю чуть Яву, и навалом всего в интернете найти можно. Но проблема что после написания первой программы Hello Android зашел в тупик так как все остальные материалы или на английском языке или модификации программы Hello Android, при чем таких модификаций насмотрелся что просто в шоке :-) ! Из - за этого, одна из причин и решил открыть блог.
И так приступим.

Для начала - операционная систем android, реализована на линуксе компанией гугл. По сравнению с другими операционными системами для мобильных телефонов взлетела по пользованию очень быстро вверх. Преимущества системы - открытый код, возможность реализации своих проектов, гигантский магазин приложений, есть практически все, оперативные обновления программ и самой системы. Как правило телефоны с этой системой привлекают пользователей, своим видом и возможностями. Для игроманов уже существует большое количество игр с трехмерной графикой, процессоры устройств догоняют персональные компьютеры.
Практически каждый день появляются новые устройства, Гаджеты и разработки гуглофонов. Именно по этой причине я и решил тут писать!