Evgenii LegotckoiШілде 26, 2015, 10:12 Т.Ж.

Тост - Android Tost теңшеу

Мазмұны

1. Жоба құрылымы
2. Қолданбаның белгілеуін қалыптастыру
1. 1. activity_main.xml
2. 2. toast_info.xml
3. 3. toast_border.xml
3. Жобаның негізгі класы - MainActivity.java
4. CustomToast.java сыныбы
5. Барлығы

Сіз Android ОЖ астында бүкіл қолданбаны теңшеуді бересіз !!!

Осы ұранмен мен бүгін Android операциялық жүйесінде қалқымалы хабарды (Тост) теңшеу туралы айтқым келеді. Аса мұқият әзірленген және әзірленген кез келген қолданбада қалқымалы хабарлама сияқты элементті теңшеу мәселесі туындауы мүмкін. Ақыр соңында, қолданбалардың сәттілігі тек идея мен пайдалылыққа ғана емес, сонымен қатар бөлшектердің, тіпті ең кішкентай және өте маңызды емес болып көрінетіндердің сыртқы түрін жүзеге асыруға байланысты. Көз тартарлық дизайны бар қолданбалар туралы не айта аламыз.

Жоба құрылымы

Бұл сабақта түймені басқан кезде экранда теңшелетін қалқымалы хабарды көрсететін қолданбаны жазу ұсынылады, ол теңшеуге жатпайды.

Жобада екі сынып бар:

Негізгі қызмет
MyListAdapter – тізім элементінің пішініне мәліметтерді жіберуге жауапты

Жобада келесі ресурс файлдары да бар:

activity_main.xml
toast_info.xml - тост белгілеу
toast_border:xml - қалқымалы хабарламаның фоны үшін қосымша белгілеу
ic_info.png – қалқымалы хабарламада пайдаланылатын ақпарат белгішесінің суреті
string.xml – жол тұрақтыларының файлы

Қолданбаның белгілеуін қалыптастыру

activity_main.xml

Қалқымалы хабарлама шақырылатын негізгі әрекетті белгілеу

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"
    android:background="#ffffff"
    android:orientation="vertical">

    <TextView android:text="@string/check_toast"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30sp"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/push_me"
        android:id="@+id/button"
        android:layout_gravity="center_horizontal"
        android:textSize="30sp"/>

</LinearLayout>

toast_info.xml

Тост белгілеу файлы. Бұл файл екі элементтің орналасуын анықтайды:

ImageView - ақпараттық белгішенің суреті орналастырылатын;
TextView - хабарлама мәтіні орналастырылатын элемент.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="240dp"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="8dp"
    android:layout_gravity="center_horizontal"
    android:background="@drawable/toast_border">

        <ImageView
            android:id="@+id/imageView1"
            android:src="@mipmap/ic_info"
            android:padding="4dp"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_gravity="center_vertical"
            android:contentDescription="ToastPicture" />

        <TextView
            android:id="@+id/textView1"
            android:layout_width="match_parent"
            android:maxWidth="260dp"
            android:layout_height="wrap_content"
            android:layout_margin="8dp"
            android:text="Android Tutorial Custom Toast"
            android:textColor="#fff"
            android:textSize="24sp"
            android:layout_gravity="center_vertical"/>

</LinearLayout>

toast_border.xml

Қалқымалы хабардың бұрыштарын жиекті көрсету мен дөңгелектеуді конфигурациялайтын XML файлы.

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <padding android:left="8dp" android:top="8dp"
        android:right="8dp" android:bottom="8dp" />

    <corners android:radius="10dp" />

    <solid android:color="#661f1f21"/>
</shape>

Жобаның негізгі класы - MainActivity.java

Бұл сыныпта жобаның негізгі әрекеті іске қосылады, одан реттелетін тост шақырылады.Жоба Android Studio бағдарламасында бірден дайын әрекетпен (Бос әрекет жобасы) жасалды.

Бұл класс OnClickListener әдісін жүзеге асырады және @Override параметрін қайта анықтайды. Бұл әдісте қалқымалы хабарлама шақырылады және бір жолда.

package ru.evileg.customtoast;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;


public class MainActivity extends ActionBarActivity implements View.OnClickListener {

    private static Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        /*
         * Инициализация кнопки, по нажатию на которую будет вызываться
         * всплывающее сообщение
         */
        button = (Button) this.findViewById(R.id.button);
        button.setOnClickListener(this);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }

    @Override
    public void onClick(View v) {
        /*
         * Вызов всплывающего сообщения
         */
        CustomToast.makeText(this, R.string.toast_message).show();
    }
}

CustomToast.java сыныбы

Бұл класс теңшелген хабарламаны қалыптастыру үшін пайдаланылады. Бұл оқулықтағы Toast теңшеу мәні бар Toast сыныбын иемдену, содан кейін өзіңіздің тост белгілеуіңізді инициализациялау және ақпарат белгішесі кескінін орнату. Сондай-ақ сыныпта хабарламадағы мәтінді орнатудың бірнеше әдістері бар. Хабар MainActivity класының тізімінде көрсетілгендей, Toast ата-аналық сыныбының мұраланған show() әдісімен шақырылады.

package ru.evileg.customtoast;

import android.app.Activity;
import android.app.Application;
import android.content.Context;
import android.content.res.Resources;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

/**
 * Application FinancialAccounting
 * Created by EvILeg on 26.07.2015.
 */
public class CustomToast extends Toast {

    private static TextView toastText;
    /**
     * Construct an empty Toast object.  You must call {@link #setView} before you
     * can call {@link #show}.
     *
     * @param context The context to use.  Usually your {@link Application}
     *                or {@link Activity} object.
     */
    public CustomToast(Context context) {
        super(context);

        LayoutInflater inflater = (LayoutInflater)
                context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        /*
         * Производится инициализация разметки всплывающего сообщения,
         * устанавливается изображение значка информации в всплывающее сообщение
         */
        View rootView = inflater.inflate(R.layout.toast_info, null);
        ImageView toastImage = (ImageView) rootView.findViewById(R.id.imageView1);
        toastImage.setImageResource(R.mipmap.ic_info);
        toastText = (TextView) rootView.findViewById(R.id.textView1);

        /*
         * Устанавливается инициализированный внешний вид, 
         * местоположение всплывающего сообщения на экране устройства,
         * а также длительность существованая сообщения 
         */
        this.setView(rootView);
        this.setGravity(Gravity.CENTER_HORIZONTAL | Gravity.CENTER_VERTICAL, 0, 0);
        this.setDuration(Toast.LENGTH_SHORT);
    }

    /*
     * Метод вызова сообщения без установки длительности существования
     * с передачей сообщению текстовой информации в качестве последовательности
     * текстовых символов или строки
     */
    public static CustomToast makeText(Context context, CharSequence text) {
        CustomToast result = new CustomToast(context);
        toastText.setText(text);

        return result;
    }

    /*
     * Метод вызова сообщения с установкой длительности существования и
     * с передачей сообщению текстовой информации в качестве последовательности
     * текстовых символов или строки
     */
    public static CustomToast makeText(Context context, CharSequence text, int duration) {
        CustomToast result = new CustomToast(context);
        result.setDuration(duration);
        toastText.setText(text);

        return result;
    }

    /*
     * Метод вызова сообщения без установки длительности существования
     * с передачей сообщению ID текстового ресурса
     */
    public static Toast makeText(Context context, int resId)
            throws Resources.NotFoundException {
        return makeText(context, context.getResources().getText(resId));
    }

    /*
     * Метод вызова сообщения с установкой длительности существования и
     * с передачей сообщению ID текстового ресурса
     */
    public static Toast makeText(Context context, int resId, int duration)
            throws Resources.NotFoundException {
        return makeText(context, context.getResources().getText(resId), duration);
    }
}

Барлығы

Егер материалды оқу процесінде проблемалар мен қателер болмаса, түймені басу арқылы келесі түрдегі қалқымалы хабарлама пайда болуы керек.

Қалқымалы хабарды көру үшін түймені басыңыз

Міне, қалқымалы хабарлама