Skip to content

feat(split-sheet): resize top view #121

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Feb 8, 2023
Merged

feat(split-sheet): resize top view #121

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
f711ffd
chore: tinker with resizing top view (with margins)
rigor789 Feb 7, 2023
3ec6a88
feat: custom scroll behavior (#1)
triniwiz Feb 8, 2023
113fa31
snapshot: things are working!!!!!!!
rigor789 Feb 8, 2023
6b08bc8
chore: cleanup
rigor789 Feb 8, 2023
b7bd432
chore: cleanup
rigor789 Feb 8, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions packages/nativescript-splitsheet/src-native/SplitSheetDemo/.idea/gradle.xml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion packages/nativescript-splitsheet/src-native/SplitSheetDemo/.idea/misc.xml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

32 changes: 17 additions & 15 deletions ...native/SplitSheetDemo/app/src/main/java/io/github/triniwiz/splitsheetdemo/MainActivity.kt
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,33 +23,35 @@ class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)
val metrics = resources.displayMetrics
setContentView(R.layout.activity_main)
imageView = findViewById(R.id.imageView)
splitsheet = findViewById(R.id.splitSheet)
// splitsheet.mainViewBackgroundColor = Color.TRANSPARENT
splitsheet.mainViewElevation = false
splitsheet.displaceContent = false
splitsheet.showHandle = false
splitsheet.closedSheetHeight = 50F
// splitsheet.closedSheetHeight = 50F
// splitsheet.minimumSheetHeight = 200F


val metrics = resources.displayMetrics
splitsheet.eventListener = object : SplitSheet.Events {
override fun event(name: String, value: Any?) {
Log.d("MainActivity", "event: $name $value")
}
}
executor.execute {
try {
val url =
URL("https://picsum.photos/${metrics.widthPixels}/${metrics.heightPixels}")
val bm = BitmapFactory.decodeStream(url.openStream())
runOnUiThread {
imageView.setImageBitmap(bm)
}
} catch (e: Exception) {
e.printStackTrace()
}
}
// executor.execute {
// try {
// val url =
// URL("https://picsum.photos/${metrics.widthPixels}/${metrics.heightPixels}")
// val bm = BitmapFactory.decodeStream(url.openStream())
// runOnUiThread {
// imageView.setImageBitmap(bm)
// }
// } catch (e: Exception) {
// e.printStackTrace()
// }
// }
}

fun toggleContent(view: View) {
Expand All @@ -67,4 +69,4 @@ class MainActivity : AppCompatActivity() {
fun toggleScroll(view: View) {
splitsheet.isScrollEnabled = !splitsheet.isScrollEnabled
}
}
}
5 changes: 2 additions & 3 deletions ...hub/triniwiz/splitsheetdemo/SplitSheet.kt → .../triniwiz/splitsheetdemo/SplitSheetOld.kt
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@ import android.content.Context
import android.graphics.Color
import android.graphics.drawable.GradientDrawable
import android.util.AttributeSet
import android.util.Log
import android.util.SparseArray
import android.util.TypedValue
import android.view.*
Expand All @@ -21,7 +20,7 @@ import kotlin.math.abs
import kotlin.math.roundToInt
import kotlin.math.roundToLong

class SplitSheet : NestedScrollView {
class SplitSheetOld : NestedScrollView {

constructor(context: Context) : super(context)

Expand Down Expand Up @@ -764,4 +763,4 @@ class SplitSheet : NestedScrollView {
mainContainerView.layoutParams = params
}

}
}
Binary file added ...cript-splitsheet/src-native/SplitSheetDemo/app/src/main/res/drawable/sample.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...splitsheet/src-native/SplitSheetDemo/app/src/main/res/drawable/sample_image.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
158 changes: 79 additions & 79 deletions ...tivescript-splitsheet/src-native/SplitSheetDemo/app/src/main/res/layout/activity_main.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,91 +1,91 @@
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
>
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">

<io.github.triniwiz.splitsheet.SplitSheet
android:id="@+id/splitSheet"
android:layout_width="match_parent"
android:layout_height="match_parent">

<LinearLayout
app:sheet_position="top"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/imageView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
/>
</LinearLayout>


<LinearLayout
android:orientation="vertical"
app:sheet_position="bottom"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/textView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/lorem_ipsum"
/>

</LinearLayout>


</io.github.triniwiz.splitsheet.SplitSheet>
<io.github.triniwiz.splitsheet.SplitSheet
android:id="@+id/splitSheet"
android:layout_width="match_parent"
android:layout_height="match_parent">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:sheet_position="top">

<ImageView
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintBottom_toBottomOf="@+id/splitSheet"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:layout_weight="1"
android:orientation="vertical"
>
<Button
android:layout_gravity="center_horizontal"
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="toggleContent"
android:text="Toggle Content" />

<Button
android:layout_gravity="center_horizontal"
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="toggleCollapse"
android:text="Toggle Collapse Mode" />

<Button
android:layout_gravity="center_horizontal"
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="toggleHandle"
android:text="Toggle Handle" />

<Button
android:layout_gravity="center_horizontal"
android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="toggleScroll"
android:text="Toggle Scroll" />
android:alpha="0.8"
android:scaleType="fitCenter"
android:src="@drawable/sample_image" />
</LinearLayout>


<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
app:sheet_position="bottom">

<TextView
android:id="@+id/textView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/lorem_ipsum" />

</LinearLayout>


</io.github.triniwiz.splitsheet.SplitSheet>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
app:layout_constraintBottom_toBottomOf="@+id/splitSheet"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintHorizontal_bias="0"
app:layout_constraintTop_toTopOf="parent">

<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:onClick="toggleContent"
android:text="Toggle Content" />

<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:onClick="toggleCollapse"
android:text="Toggle Collapse Mode" />

<Button
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:onClick="toggleHandle"
android:text="Toggle Handle" />

<Button
android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:onClick="toggleScroll"
android:text="Toggle Scroll" />
</LinearLayout>


</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
73 changes: 37 additions & 36 deletions ...nativescript-splitsheet/src-native/SplitSheetDemo/app/src/main/res/layout/split_sheet.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,41 +1,42 @@
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">

<com.google.android.material.appbar.AppBarLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
android:layout_height="wrap_content">

<com.google.android.material.appbar.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<com.google.android.material.appbar.CollapsingToolbarLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:minHeight="100dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed|snap"
>
<LinearLayout
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_scrollFlags="scroll|enterAlways"
android:orientation="vertical">

</LinearLayout>

</com.google.android.material.appbar.CollapsingToolbarLayout>
</com.google.android.material.appbar.AppBarLayout>


<androidx.core.widget.NestedScrollView
<com.google.android.material.appbar.CollapsingToolbarLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:minHeight="100dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed">

<LinearLayout
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<TextView
android:id="@+id/textView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/lorem_ipsum"
/>
</androidx.core.widget.NestedScrollView>

</androidx.coordinatorlayout.widget.CoordinatorLayout>
android:layout_height="?attr/actionBarSize"
android:orientation="vertical"
app:layout_scrollFlags="scroll|enterAlways">

</LinearLayout>

</com.google.android.material.appbar.CollapsingToolbarLayout>
</com.google.android.material.appbar.AppBarLayout>


<androidx.core.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_behavior="@string/appbar_scrolling_view_behavior">

<TextView
android:id="@+id/textView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/lorem_ipsum" />
</androidx.core.widget.NestedScrollView>

</androidx.coordinatorlayout.widget.CoordinatorLayout>
Loading