DraggablePanel - GitLite

KO | EN

gitlite — search

#javascript #python #llm #go #golang #machine-learning #rust #nodejs #java #vue #pytorch #security #ios #openai

DraggablePanel

(★ 117)

Android library used to create an awesome Android UI based on a draggable element similar to the last YouTube New graphic component.

파일 탐색기

최종 버전 다운로드 (.zip)

- - Project.xml
- dbnavigator.xml
- misc.xml
- modules.xml
- runConfigurations.xml
- vcs.xml
- .gitignore
- build.gradle
- consumer-rules.pro
- proguard-rules.pro
- .gitignore
- build.gradle
- proguard-rules.pro
- - gradle-wrapper.jar
  - gradle-wrapper.properties
- addFrame.png
- ezgif.com-resize.gif
- ezgif.com-video-to-gif.gif
- height_when_max.png
- height_when_min.png
- Screenshot_20190417-173713.png
- Screenshot_20190417-173721.png
- Screenshot_20190417-173732.png
- Screenshot_20190417-173738.png
- Screenshot_20190417-173744.png
.gitignore
build.gradle
gradle.properties
gradlew
gradlew.bat
LICENSE
README.md
settings.gradle

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## Please switch to [DragView](https://github.com/tuanhav95/DragView), for the best support, thank you

# DraggablePanel

![Alt text](https://raw.githubusercontent.com/hoanganhtuan95ptit/DraggablePanel/master/output/ezgif.com-video-to-gif.gif) | ![Alt text](https://raw.githubusercontent.com/hoanganhtuan95ptit/DraggablePanel/master/output/Screenshot_20190417-173713.png)  | ![Alt text](https://raw.githubusercontent.com/hoanganhtuan95ptit/DraggablePanel/master/output/Screenshot_20190417-173738.png) 
--- | --- | --- 
![Alt text](https://raw.githubusercontent.com/hoanganhtuan95ptit/DraggablePanel/master/output/Screenshot_20190417-173732.png) | ![Alt text](https://raw.githubusercontent.com/hoanganhtuan95ptit/DraggablePanel/master/output/Screenshot_20190417-173744.png)  | ![Alt text](https://raw.githubusercontent.com/hoanganhtuan95ptit/DraggablePanel/master/output/Screenshot_20190417-173721.png)

#### Download

```java

allprojects {
		repositories {
			...
			maven { url 'https://jitpack.io' }
		}
	}
    
    
    	dependencies {
	        implementation 'com.github.hoanganhtuan95ptit:DraggablePanel:1.2.5'
	}
```

#### Using [Detail code java](https://github.com/hoanganhtuan95ptit/DraggablePanel/blob/master/example/src/main/java/com/hoanganhtuan95ptit/example/NormalActivity.kt)

* Xml

```java
        <com.hoanganhtuan95ptit.draggable.DraggablePanel
                android:id="@+id/draggablePanel"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:height_when_max="300dp"
                app:height_when_min="80dp"
                app:margin_bottom_when_min="8dp"
                app:margin_edge_when_min="8dp"
                app:percent_when_middle="0.9"
                app:state="MIN" />
```

![Alt text](https://raw.githubusercontent.com/hoanganhtuan95ptit/DraggablePanel/master/output/height_when_max.png) | ![Alt text](https://raw.githubusercontent.com/hoanganhtuan95ptit/DraggablePanel/master/output/height_when_min.png)
--- | ---

* Listener

```java

draggablePanel.setDraggableListener(object : DraggablePanel.DraggableListener {
            override fun onChangeState(state: DraggablePanel.State) {
            }

override fun onChangePercent(percent: Float) {
                alpha.alpha = 1 - percent
            }

})
```

* Add frame

```java
        supportFragmentManager.beginTransaction().add(R.id.frameFirst, TopFragment()).commit() // add frame top
        supportFragmentManager.beginTransaction().add(R.id.frameSecond, BottomFragment()).commit() // add frame bottom
```

![Alt text](https://raw.githubusercontent.com/hoanganhtuan95ptit/DraggablePanel/master/output/addFrame.png)

* Action

```java
        btnMax.setOnClickListener { draggablePanel.maximize() }// maximize
        btnMin.setOnClickListener { draggablePanel.minimize() }//minimizeo
        btnClose.setOnClickListener { draggablePanel.close() }//close
```

#### Custom [Detail code java](https://github.com/hoanganhtuan95ptit/DraggablePanel/blob/master/example/src/main/java/com/hoanganhtuan95ptit/example/CustomActivity.kt)

* Custom
```java
        class DraggableSource @JvmOverloads constructor(
                context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
        ) : DraggablePanel(context, attrs, defStyleAttr) {
        
            var mWidthWhenMax = 0
        
            var mWidthWhenMiddle = 0
        
            var mWidthWhenMin = 0
        
            init {
                getFrameFirst().addView(inflate(R.layout.layout_top))
                getFrameSecond().addView(inflate(R.layout.layout_bottom))
            }
        
            override fun initFrame() {
                mWidthWhenMax = width
        
                mWidthWhenMiddle = (width - mPercentWhenMiddle * mMarginEdgeWhenMin).toInt()
        
                mWidthWhenMin = mHeightWhenMin * 22 / 9
        
                super.initFrame()
            }
        
            override fun refreshFrameFirst() {
                super.refreshFrameFirst()
        
                val width = if (mCurrentPercent < mPercentWhenMiddle) {
                    (mWidthWhenMax - (mWidthWhenMax - mWidthWhenMiddle) * mCurrentPercent)
                } else {
                    (mWidthWhenMiddle - (mWidthWhenMiddle - mWidthWhenMin) * (mCurrentPercent - mPercentWhenMiddle) / (1 - mPercentWhenMiddle))
                }
        
                frameTop.reWidth(width.toInt())
            }
        }
```

* Xml
```java
        <com.hoanganhtuan95ptit.example.custom.DraggableSource
                android:id="@+id/draggablePanel"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:height_when_max="300dp"
                app:height_when_min="80dp"
                app:margin_bottom_when_min="8dp"
                app:margin_edge_when_min="8dp"
                app:percent_when_middle="0.9"
                app:state="MIN" />
```

* Code

```java
        draggablePanel.setDraggableListener(object : DraggablePanel.DraggableListener {
            override fun onChangeState(state: DraggablePanel.State) {
            }

override fun onChangePercent(percent: Float) {
                alpha.alpha = 1 - percent
                shadow.alpha = percent
            }

})

supportFragmentManager.beginTransaction().add(R.id.frameTop, TopFragment()).commit()
        supportFragmentManager.beginTransaction().add(R.id.frameBottom, BottomFragment()).commit()

btnMax.setOnClickListener { draggablePanel.maximize() }
        btnMin.setOnClickListener { draggablePanel.minimize() }
        btnClose.setOnClickListener { draggablePanel.close() }
```