Полезные примеры Android

Полезные примеры Android
Android — переключатель изображений

Иногда вы не хотите, чтобы изображение внезапно появлялось на экране, скорее вы хотите применить какую-то анимацию к изображению, когда оно переходит от одного изображения к другому. Это поддерживается Android в виде ImageSwitcher.

Переключатель изображений позволяет добавлять переходы к изображениям в зависимости от того, как они появляются на экране. Чтобы использовать Image Switcher, вам нужно сначала определить его компонент XML. Его синтаксис приведен ниже —

<ImageSwitcher
android:id="@+id/imageSwitcher1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true" >
</ImageSwitcher>

Теперь мы создаем экземпляр ImageSwithcer в файле java и получаем ссылку на этот компонент XML. Его синтаксис приведен ниже —

private ImageSwitcher imageSwitcher;
imageSwitcher = (ImageSwitcher)findViewById(R.id.imageSwitcher1);

Следующее, что нам нужно сделать, реализовать интерфейс ViewFactory и реализовать нереализованный метод, который возвращает imageView. Его синтаксис ниже —

imageSwitcher.setImageResource(R.drawable.ic_launcher);
imageSwitcher.setFactory(new ViewFactory() {
public View makeView() {
ImageView myView = new ImageView(getApplicationContext());
return myView;
}
}

Последнее, что вам нужно сделать, это добавить Animation в ImageSwitcher. Вам необходимо определить объект класса Animation через класс AnimationUtilities, вызвав статический метод loadAnimation. Его синтаксис приведен ниже —

Animation in = AnimationUtils.loadAnimation(this,android.R.anim.slide_in_left);
imageSwitcher.setInAnimation(in);
imageSwitcher.setOutAnimation(out);         

Метод setInAnimaton устанавливает анимацию появления объекта на экране, тогда как setOutAnimation делает обратное. Метод loadAnimation () создает объект анимации.

Помимо этих методов, в классе ImageSwitcher определены другие методы. Они определены ниже —

Sr.No Метод и описание
1

setImageDrawable(Drawable drawable)

Устанавливает изображение с переключателем изображений. Изображение передается в виде растрового изображения

2

setImageResource(int resid)

Устанавливает изображение с переключателем изображений. Изображение передается в виде целочисленного идентификатора

3

setImageURI(Uri uri)

Устанавливает изображение с переключателем изображений. Изображение передается в виде URI

4

ImageSwitcher(Context context, AttributeSet attrs)

Возвращает объект переключателя изображений с уже установкой некоторых атрибутов, переданных в метод

5

onInitializeAccessibilityEvent (AccessibilityEvent event)

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

6

onInitializeAccessibilityNodeInfo (AccessibilityNodeInfo info)

Инициализирует AccessibilityNodeInfo с информацией об этом представлении

Пример

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

Чтобы поэкспериментировать с этим примером, вам нужно запустить это на реальном устройстве.

Шаги Описание
1 Вы будете использовать Android Studio IDE для создания Android-приложения в пакете com.example.sairamkrishna.myapplication.
2 Измените файл src / MainActivity.java, чтобы добавить необходимый код.
3 Измените res / layout / activity_main, чтобы добавить соответствующие XML-компоненты.
4 Запустите приложение и выберите работающее устройство Android, установите на него приложение и проверьте результаты.

Ниже приводится содержимое измененного файла основной деятельности src / MainActivity.java .

В приведенном ниже коде tp и abc обозначают логотип tutorialspoint.com.

package com.example.sairamkrishna.myapplication;
import android.app.Activity;
import android.app.ActionBar.LayoutParams;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.Toast;
import android.widget.ViewSwitcher.ViewFactory;
public class MainActivity extends Activity {
private ImageSwitcher sw;
private Button b1,b2;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
b1 = (Button) findViewById(R.id.button);
b2 = (Button) findViewById(R.id.button2);
sw = (ImageSwitcher) findViewById(R.id.imageSwitcher);
sw.setFactory(new ViewFactory() {
@Override
public View makeView() {
ImageView myView = new ImageView(getApplicationContext());
myView.setScaleType(ImageView.ScaleType.FIT_CENTER);
myView.setLayoutParams(new 
ImageSwitcher.LayoutParams(LayoutParams.WRAP_CONTENT,
LayoutParams.WRAP_CONTENT));
return myView;
}
});
b1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(getApplicationContext(), "previous Image",
Toast.LENGTH_LONG).show();
sw.setImageResource(R.drawable.abc);
}
});
b2.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(getApplicationContext(), "Next Image",
Toast.LENGTH_LONG).show();
sw.setImageResource(R.drawable.tp);
}
});
}
}

Ниже приводится измененное содержимое файла xml res / layout / activity_main.xml .

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
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">
<TextView android:text="Gestures  Example" 
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/textview"
android:textSize="35dp"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Tutorials point"
android:id="@+id/textView"
android:layout_below="@+id/textview"
android:layout_centerHorizontal="true"
android:textColor="#ff7aff24"
android:textSize="35dp" />
<ImageSwitcher
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageSwitcher"
android:layout_below="@+id/textView"
android:layout_centerHorizontal="true"
android:layout_marginTop="168dp" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/left"
android:id="@+id/button"
android:layout_below="@+id/textView"
android:layout_centerHorizontal="true" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/right"
android:id="@+id/button2"
android:layout_alignParentBottom="true"
android:layout_alignLeft="@+id/button"
android:layout_alignStart="@+id/button" />
</RelativeLayout>

Ниже приводится содержимое файла Strings.xml .

<resources>
<string name="app_name">My Application</string>
<string name="left"><![CDATA[<]]></string>
<string name="right"><![CDATA[>]]></string>
</resources>

Ниже приводится содержимое файла AndroidManifest.xml .

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.sairamkrishna.myapplication"
<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name="com.example.sairamkrishna.myapplication.MainActivity"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>

Попробуем запустить ваше приложение, которое мы только что модифицировали. Я предполагаю, что вы создали свой AVD при настройке среды. Чтобы запустить приложение из студии Android, откройте один из файлов активности вашего проекта и щелкните Значок запуска Eclipseзначок « Выполнить» на панели инструментов. Студия Android устанавливает приложение на ваш AVD и запускает его, и если все в порядке с вашей настройкой и приложением, оно отобразит следующее окно эмулятора —

Руководство по переключению изображений Android

Теперь, если вы посмотрите на экран своего устройства, вы увидите две кнопки.

Теперь просто нажмите верхнюю кнопку со стрелкой вправо. Изображение появится справа и переместится влево. Это показано ниже —

Руководство по переключению изображений Android

Теперь нажмите на кнопку ниже, которая вернет предыдущее изображение с некоторым переходом. Это показано ниже —

Руководство по переключению изображений Android

Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
  • Attributes
  • Custom attributes
  • Custom fields
Click outside to hide the compare bar
Compare