Форум программистов, компьютерный форум, киберфорум
Наши страницы

Программирование Android

Войти
Регистрация
Восстановить пароль
 
monolit
186 / 185 / 22
Регистрация: 24.03.2011
Сообщений: 669
Завершенные тесты: 1
#1

Организация справки по приложению затемнением неинтересующих областей - Программирование Android

27.09.2016, 12:04. Просмотров 200. Ответов 4
Метки нет (Все метки)

Приветствую.

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

И вопрос в том, как вообще организовать это затемнение части экрана? Может, кто-то сталкивался с подобной задачей? Или там тупо изображения выводятся поверх всего, которое повторяем содержимое экрана?

Типа такого (чтоб было понятно, о чем вообще речь):
0
Миниатюры
Организация справки по приложению затемнением неинтересующих областей   Организация справки по приложению затемнением неинтересующих областей  
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
27.09.2016, 12:04
Здравствуйте! Я подобрал для вас темы с ответами на вопрос Организация справки по приложению затемнением неинтересующих областей (Программирование Android):

организация доступа к приложению - PHP
добрый день, подскажите логику организации доступа к приложению на php. Есть приложение управления чем-то (например складами). Есть...

В Visio 2007 нет справки (ни по VBA, ни просто справки)... - VBA
В Visio 2007 нет справки (ни по VBA, ни просто справки)... как её установить?

Слайдшоу с затемнением - ActionScript
Ребят как сделать скрипт как в шапке тут http://mega-luxe.ru/ тот который в плавном режиме переходит

Показ картинки с затемнением - jQuery
Здравствуйте всем!!! Бьюсь как рыба об стенку. Пытаюсь написать свой первый скрипт.. Помогите! Добавлено через 29 секунд Хочу...

Всплывающий блок с затемнением и деактивацией фоновых элементов - HTML, CSS
Есть несколько способов как сделать всплывающий блок. Самый простой display='none' Но вот, как при этом сделать затемнение и...

Модальное окно формы с затемнением заднего фона - HTML, CSS
Доброго времени суток всем! Возникла такая проблема. Создаю форму авторизации в виде модального окна. Хочу сделать так, чтобы когда...

4
OlegJV
103 / 103 / 29
Регистрация: 13.03.2016
Сообщений: 472
27.09.2016, 12:19 #2
Можно попробовать ColorFilter
1
monolit
186 / 185 / 22
Регистрация: 24.03.2011
Сообщений: 669
Завершенные тесты: 1
27.09.2016, 14:44  [ТС] #3
Он и к различным View'ам применим? Даже если так, все равно получается много возни((
Тут бы повесить поверх всего какой-нибудь черно-прозрачный элемент с дыркой в нужном месте (в области конкретного элемента)...

PS
Хотя, наверное, попробовать стоит. Хоть что-то)
0
Pablito
2525 / 2004 / 624
Регистрация: 12.05.2014
Сообщений: 7,030
Завершенные тесты: 1
27.09.2016, 15:18 #4
Лучший ответ Сообщение было отмечено автором темы, экспертом или модератором как ответ
меня немного бомбануло и вот что получилось, цвета на свой вкус, разметка тоже
1. создаем класс той самой вьюшки, которая будет перекрывать наш экран
Кликните здесь для просмотра всего текста
Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuffXfermode;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;
 
import static android.graphics.PorterDuff.Mode.SRC_OUT;
 
public class ShowCaseView extends FrameLayout {
 
    private final Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
    private View accentView;
    private float cx;
    private float cy;
    private float r;
 
    public ShowCaseView(Context context) {
        super(context);
        init(context);
    }
 
    public ShowCaseView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }
 
    private void init(Context context) {
        setWillNotDraw(false);
        setLayerType(LAYER_TYPE_SOFTWARE, null);
        paint.setColor(Color.TRANSPARENT);
        paint.setXfermode(new PorterDuffXfermode(SRC_OUT));
        inflate(context, R.layout.show_case_layout, this);
    }
 
    @Override
    public boolean dispatchTouchEvent(MotionEvent e) {
        if (e.getAction() == MotionEvent.ACTION_DOWN) {
            accentView = null;
            ((ViewGroup) getParent()).removeView(this);
        }
        return true;
    }
 
    public void setAccentView(View accentView) {
        this.accentView = accentView;
    }
 
    @Override
    protected void onDraw(Canvas canvas) {
        canvas.drawColor(0xE51249D9);
        canvas.drawCircle(cx, cy, r, paint);
    }
 
    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        cx = accentView.getX() + accentView.getWidth() / 2;
        cy = accentView.getY() + accentView.getHeight() / 2;
        r = Math.max(accentView.getWidth(), accentView.getHeight()) / 2 * 1.3f;
        final View okBtn = findViewById(R.id.btn);
        FrameLayout.LayoutParams lp = (LayoutParams) okBtn.getLayoutParams();
        if (cy < h / 2) lp.gravity = Gravity.BOTTOM;
        else lp.gravity = Gravity.TOP;
        if (cx < w / 2) lp.gravity |= Gravity.END;
        else lp.gravity |= Gravity.START;
        okBtn.setLayoutParams(lp);
        requestLayout();
    }
}

2. создаем лаяут для нашей вьюшки show_case_layout.xml
Кликните здесь для просмотра всего текста
XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clickable="true">
 
    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="32dp"
        android:text="ОК, я понял" />
 
</FrameLayout>

3. разметка основной активити для примера
Кликните здесь для просмотра всего текста
XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
 
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:layout_alignParentTop="true"
        android:background="@color/colorPrimary"
        app:title="Title" />
 
    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/toolbar"
        android:layout_margin="16dp"
        android:text="BUTTON" />
 
    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:layout_margin="16dp"
        android:src="@android:drawable/ic_dialog_map"
        app:fabSize="normal" />
 
</RelativeLayout>

4. код активити для примера

Не по теме:

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.ViewGroup;
 
public class MainActivity extends AppCompatActivity {
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //
        View v = findViewById(R.id.btn); // вьюшка, на которой надо сделать акцент
        showCaseView(v);
    }
 
    private void showCaseView(final View accentView) {
        final ShowCaseView showCaseView = new ShowCaseView(MainActivity.this);
        showCaseView.setAccentView(accentView);
        final ViewGroup rootView = (ViewGroup) findViewById(android.R.id.content);
        rootView.addView(showCaseView);
    }
}


5. PROFIT
Организация справки по приложению затемнением неинтересующих областейОрганизация справки по приложению затемнением неинтересующих областей
4
monolit
186 / 185 / 22
Регистрация: 24.03.2011
Сообщений: 669
Завершенные тесты: 1
27.09.2016, 22:48  [ТС] #5
А ты крут!
Плюсов этому господину!
0
27.09.2016, 22:48
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
27.09.2016, 22:48
Привет! Вот еще темы с ответами:

Форма обратной связи в всплывающем окне с затемнением фона - HTML, CSS
Здравствуйте, есть люди которые могут помочь с формой обратной связи, там должно быть всего два пункта: 1)Ваше имя 2)Ваш номер...

Организация функций , Обработка одномерных массивов , Организация процедур. - Pascal
Помогите пожалуйста кто чем может до экзамена 3-4 дня осталось а без программирования не пускают к сессии Организация процедур. ...

В чем ошибка? [Таблица3]![Организация]=[Таблица1]![Организация] - MS Access
В чем ошибка: пишу в таблице один - обработка двойного нажатия кнопки: !=! - почему не копирует из таблицы1 значение в таблицу3...

Запуск приложения с "затемнением" экрана - C++ Builder
Приложение имеет размеры меньшие, чем весь экран. Хочу попробовать из эстетических соображений что то вроде затемнения экрана позади...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Рейтинг@Mail.ru