0

Мне нужно сделать так что-бы при нажатии на кнопку у меня открывалось(раскрывалось) содержимое. Допустим у меня есть кнопка

введите сюда описание изображения

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

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

1

1 ответ 1

2

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

<!-- activity_info layout file -->
<!-- Clickable title -->
<TextView   android:id="@+id/help_title_gest"
            style="@style/title_help"
            android:text="@string/title"
            android:clickable="true"
            android:onClick="toggle_contents"/>

<!--content to hide/show -->
<TextView   android:id="@+id/txt_help_gest"
            style="@style/txt_help"
            android:text="@string/txt_content"/>

дальше в активности:

// inside Activity
 TextView txt_help_gest;

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

    txt_help_gest = (TextView) findViewById(R.id.txt_help_gest);
    // hide until its title is clicked
    txt_help_gest.setVisibility(View.GONE);
}



public void toggle_contents(View v){
      txt_help_gest.setVisibility( txt_help_gest.isShown()
                          ? View.GONE
                          : View.VISIBLE );
}

для того чтобы все показывалось/скрывалось красиво сделаем анимацию res/anim/slide_down.xml:

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

 <scale
 android:duration="200"
 android:fromXScale="1.0"
 android:fromYScale="0.0"
 android:interpolator="@android:anim/linear_interpolator"
 android:toXScale="1.0"
 android:toYScale="1.0" />

</set>

В другом классе, который используется для сервисных методов (не сервис), либо в активности добавляем метод для анимирования:

public static void slide_down(Context ctx, View v){

  Animation a = AnimationUtils.loadAnimation(ctx, R.anim.slide_down);
  if(a != null){
     a.reset();
     if(v != null){
      v.clearAnimation();
      v.startAnimation(a);
     }
  }
}

и дальше используем этот метод в самой активности:

public void toggle_contents(View v){

  if(txt_help_gest.isShown()){
    Fx.slide_up(this, txt_help_gest);
    txt_help_gest.setVisibility(View.GONE);
  }
  else{
    txt_help_gest.setVisibility(View.VISIBLE);
    Fx.slide_down(this, txt_help_gest);
  }
}

Вот первоисточник. Теперь по поводу библиотек. Есть довольно много разнообразных библиотек которые реализуют данное поведение. Могу предложить такой вариант. И такой туториал.

4
  • У меня получилось сделать вручную, только я не понял с анимацией. Что за другой класс, который используется для сервисных методов (не сервис). Его нужно как-то добавить в мой Activity? Или он просто должен существовать в проекте? И если его нужно добавить то как это сделать?
    – Karpuha
    17 мая 2020 в 16:49
  • просто сервисный класс, может это я конечно его так называю)) паттерн называется синглтоном, вот есть статья по данному вопросу - habr.com/ru/post/27108, сделайте такой же класс, чтобы можно было получить доступ к его методам отовсюду, это и будет сервисный класс
    – Andrew
    17 мая 2020 в 16:53
  • Я решил сделать через вторую библиотеку, только одного не пойму как в одной Activity сделать несколько таких ExpandableLayout
    – Karpuha
    18 мая 2020 в 3:37
  • @Karpuha, это делается через разметку а не через класс :)
    – Andrew
    18 мая 2020 в 4:02

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.