Отображение наложения на экране Android
Я ищу для отображения наложения над экраном, который показывает небольшой тикер загрузки или, возможно, даже некоторый текст, в то время как мое приложение пытается войти в сервер. Мой экран входа в систему находится внутри вертикальной линейной компоновки.
Эффект, который я пытаюсь достичь, примерно такой: http://docs.xamarin.com/recipes/ios/standard_controls/popovers/display_a_loading_message
Ответы
Ответ 1
Возможно, слишком поздно, но я думаю, кто-то может найти это полезным.
Активность:
public class MainActivity extends Activity implements View.OnClickListener {
String myLog = "myLog";
AlphaAnimation inAnimation;
AlphaAnimation outAnimation;
FrameLayout progressBarHolder;
Button button;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
button = (Button) findViewById(R.id.button);
progressBarHolder = (FrameLayout) findViewById(R.id.progressBarHolder);
button.setOnClickListener(this);
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.button:
new MyTask().execute();
break;
}
}
private class MyTask extends AsyncTask <Void, Void, Void> {
@Override
protected void onPreExecute() {
super.onPreExecute();
button.setEnabled(false);
inAnimation = new AlphaAnimation(0f, 1f);
inAnimation.setDuration(200);
progressBarHolder.setAnimation(inAnimation);
progressBarHolder.setVisibility(View.VISIBLE);
}
@Override
protected void onPostExecute(Void aVoid) {
super.onPostExecute(aVoid);
outAnimation = new AlphaAnimation(1f, 0f);
outAnimation.setDuration(200);
progressBarHolder.setAnimation(outAnimation);
progressBarHolder.setVisibility(View.GONE);
button.setEnabled(true);
}
@Override
protected Void doInBackground(Void... params) {
try {
for (int i = 0; i < 5; i++) {
Log.d(myLog, "Emulating some task.. Step " + i);
TimeUnit.SECONDS.sleep(1);
}
} catch (InterruptedException e) {
e.printStackTrace();
}
return null;
}
}
}
Макет xml:
<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"
tools:context=".MainActivity">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Start doing stuff"
android:id="@+id/button"
android:layout_below="@+id/textView"
android:layout_centerHorizontal="true" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Do Some Stuff"
android:id="@+id/textView"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true" />
<FrameLayout
android:id="@+id/progressBarHolder"
android:animateLayoutChanges="true"
android:visibility="gone"
android:alpha="0.4"
android:background="#000000"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ProgressBar
style="?android:attr/progressBarStyleLarge"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:indeterminate="true"
android:layout_gravity="center" />
</FrameLayout>
</RelativeLayout>
Ответ 2
Мне нравится подход в Костя, но ответьте.
Основываясь на этом, здесь несколько идей, чтобы сделать одно и то же наложение легко повторно используемым в вашем приложении:
Рассмотрите возможность размещения наложения FrameLayout в отдельном файле макета, например. res/layout/include_progress_overlay
:
<FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/progress_overlay"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:alpha="0.4"
android:animateLayoutChanges="true"
android:background="@android:color/black"
android:clickable="true"
android:visibility="gone">
<ProgressBar
style="?android:attr/progressBarStyleLarge"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:indeterminate="true"/>
</FrameLayout>
(Одна вещь, которую я добавил в оверлейном FrameLayout, это android:clickable="true"
. Поэтому, пока отображается оверлей, он предотвращает клики, проходящие через элементы UI под ним. По крайней мере, в моих типичных случаях использования это то, что я хочу.)
Затем включите его, если необходимо:
<!-- Progress bar overlay; shown while login is in progress -->
<include layout="@layout/include_progress_overlay"/>
И в коде:
View progressOverlay;
[...]
progressOverlay = findViewById(R.id.progress_overlay);
[...]
// Show progress overlay (with animation):
AndroidUtils.animateView(progressOverlay, View.VISIBLE, 0.4f, 200);
[...]
// Hide it (with animation):
AndroidUtils.animateView(progressOverlay, View.GONE, 0, 200);
С кодом анимации, извлеченным в метод утилиты:
/**
* @param view View to animate
* @param toVisibility Visibility at the end of animation
* @param toAlpha Alpha at the end of animation
* @param duration Animation duration in ms
*/
public static void animateView(final View view, final int toVisibility, float toAlpha, int duration) {
boolean show = toVisibility == View.VISIBLE;
if (show) {
view.setAlpha(0);
}
view.setVisibility(View.VISIBLE);
view.animate()
.setDuration(duration)
.alpha(show ? toAlpha : 0)
.setListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
view.setVisibility(toVisibility);
}
});
}
(Здесь используется view.animate()
, добавленный в API 12, вместо AlphaAnimation
.)
Ответ 3
Счетчик с сообщением над приложением может быть создан с помощью ProgressDialog. Хотя он не достигает точного эффекта, как на картинке, это хороший способ показать, что приложение работает.
Ответ 4
У меня есть ProgressBar в Relative Layout, и я скрываю или показываю его соответственно. И да активность может быть прозрачной.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<LinearLayout
android:id="@+id/hsvBackgroundContainer"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
</LinearLayout>
<ProgressBar
android:id="@+id/pbProgess"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true" />
</RelativeLayout>
Ответ 5
Вы должны сделать фоновое действие, используя концепцию потока, такую как AsyncTask. Используя это, вы можете скрыть фактическую работу с частью пользовательского интерфейса. И AsyncTask будет нераспределенным после завершения ваших операций.
- Создайте подкласс AsyncTask
- Используйте AsyncTask для выполнения фоновой работы.
- Вызов onPreExecute() для инициализации задачи
- Используйте панель прогресса с setIndeterminate (true), чтобы включить
неопределенный режим
- Вызовите onProgressUpdate(), чтобы оживить вашу панель прогресса, чтобы пользователь
знаю, что какая-то работа выполняется.
- Используйте incrementProgressBy() для инкрементного содержимого progressbar
конкретное значение
- Вызовите doInBackground() и выполните фоновый рисунок здесь.
- Поймать объект InterruptedException, чтобы найти конец фона
операция
- Вызовите onPostExecute(), чтобы обозначить конец операции и показать
результат
Android неопределенный учебник ProgressDialog
Заставка при загрузке ресурсов в приложении Android