[Android][Java]Slidinguppanel 사용해서 판넬 만들기

안녕하세요. 오늘은 Slidinguppanel 라이브러리를 사용해 판넬을 만들어 보겠습니다.

 

먼저 의존성 추가를 하겠습니다.

implementation 'com.sothree.slidinguppanel:library:3.4.0'

다음은 xml파일입니다.

<?xml version="1.0" encoding="utf-8"?>
<com.sothree.slidinguppanel.SlidingUpPanelLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:layout_gravity="bottom"
    android:id="@+id/slide"
    android:gravity="bottom"
    app:umanoPanelHeight="70dp"
    app:umanoShadowHeight="4dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:text="SlidingUpPanel" />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:orientation="horizontal">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:id="@+id/panel_up_btn"
            android:text="판넬 올리기"
            android:textSize="16sp" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:id="@+id/panel_down_btn"
            android:text="판넬 내리기"
            android:textSize="16sp" />
    </LinearLayout>

</com.sothree.slidinguppanel.SlidingUpPanelLayout>

마지막으로 자바 파일입니다.

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;

import com.sothree.slidinguppanel.SlidingUpPanelLayout;

public class MainActivity extends AppCompatActivity {
    SlidingUpPanelLayout slidingUpPanelLayout;
    Button panel_up_btn;
    Button panel_down_btn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        slidingUpPanelLayout = findViewById(R.id.slide);
        panel_down_btn = findViewById(R.id.panel_down_btn);
        panel_up_btn = findViewById(R.id.panel_up_btn);

        //판넬 내리기 버튼 이벤트
        panel_down_btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //판넬이 올려져 있는 경우
                if(slidingUpPanelLayout.getPanelState() == SlidingUpPanelLayout.PanelState.EXPANDED){
                    slidingUpPanelLayout.setPanelState(SlidingUpPanelLayout.PanelState.COLLAPSED);
                }
            }
        });

        //판넬 올리기 버튼 이벤트
        panel_up_btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //판넬이 내려져 있는 경우
                if(slidingUpPanelLayout.getPanelState() == SlidingUpPanelLayout.PanelState.COLLAPSED){
                    slidingUpPanelLayout.setPanelState(SlidingUpPanelLayout.PanelState.ANCHORED);
                }
            }
        });
    }
}

 

 

영상으로 결과물을 확인하겠습니다.