[안드로이드] 레이아웃(Layout) 접었다 폈다 쉽게 하는 방법

이번 시간에는 애니메이션 효과를

통해 레이아웃을 접었다 폈다 하는

방법을 알아보겠습니다.

---

목차

1. 실행 화면

2. 라이브러리 등록

3. 메인 화면 구성 activity_main.xml

4. 메인 코드 구현 MainActivity.java

---

1. 실행 화면

2. 라이브러리 등록

build.gradle(Module:프로젝트명:app)

dependencies 괄호 안에 아래 코드를 넣어주시면 됩니다.

implementation 'com.ramotion.foldingcell:folding-cell:1.2.3'

참조 문서

https://github.com/Ramotion/folding-cell-android

GitHub - Ramotion/folding-cell-android: 📃 FoldingCell is a material design expanding content cell inspired by folding paper

 

 

3. 메인 화면 구성 activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:clipChildren="false"
    android:clipToPadding="false"
    android:orientation="vertical">

    <com.ramotion.foldingcell.FoldingCell
        android:id="@+id/folding_cell"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:animationDuration="2000">

        <LinearLayout
            android:id="@+id/cell_content_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:visibility="gone">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="400dp"
                android:background="@color/black"
                android:gravity="center"
                android:text="content1"
                android:textColor="@color/white"
                android:textSize="30sp" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/cell_title_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:background="@color/black"
                android:gravity="center"
                android:text="titleView"
                android:textColor="@color/white"
                android:textSize="30sp" />
        </LinearLayout>

    </com.ramotion.foldingcell.FoldingCell>
</LinearLayout>

 3-1 속성

 animationDuration: 애니메이션 표현 시간

 컨텐츠뷰는 타이틀뷰의 크기보다 2배여야 한다. 

 예) 컨텐츠뷰 높이: 400dp , 타이틀뷰 높이: 200dp

 3-2 색상 res -> values -> colors.xml

    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>

 

4. 메인 코드 구현 MainActivity.java

public class MainActivity extends AppCompatActivity {


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

        
        FoldingCell fc = (FoldingCell) findViewById(R.id.folding_cell);

        
        fc.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                fc.toggle(false);
            }
        });

    }//onCreate

} //MainActivity

2022.02.04 - [안드로이드] - [안드로이드] 숫자 쉽게 선택해서 가져오는 방법

[안드로이드] 숫자 쉽게 선택해서 가져오는 방법

2022.02.03 - [안드로이드] - [안드로이드] 앱 업데이트 이후 새로운 기능 알려주는 방법

[안드로이드] 앱 업데이트 이후 새로운 기능 알려주는 방법

2022.02.02 - [안드로이드] - [안드로이드] 색상 선택 색상표 쉽게 만드는 방법

[안드로이드] 색상 선택 색상표 쉽게 만드는 방법