"My location" tab in progress

This commit is contained in:
Alex Sytnyk 2018-06-26 15:33:44 +03:00
parent 2501a20006
commit ffbba588ff
3 changed files with 135 additions and 7 deletions

View file

@ -21,8 +21,10 @@
app:layout_scrollFlags="scroll"/>
<LinearLayout
android:id="@+id/text_container"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:animateLayoutChanges="true"
android:orientation="vertical"
android:paddingLeft="@dimen/my_location_text_sides_margin"
android:paddingRight="@dimen/my_location_text_sides_margin">
@ -41,8 +43,9 @@
android:id="@+id/description"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/content_padding_half"
android:gravity="center"
android:text="@string/welcome_descr"
android:text="@string/location_sharing_description"
android:textColor="?android:attr/textColorSecondary"
android:textSize="@dimen/descr_text_size"/>
@ -106,8 +109,7 @@
<View
android:layout_width="match_parent"
android:layout_height="350dp"
android:background="@android:color/darker_gray"/>
android:layout_height="350dp"/>
<View
android:layout_width="match_parent"

View file

@ -1,4 +1,5 @@
<resources>
<string name="location_sharing_description">Select the contacts and groups with whom you want to share your location.</string>
<string name="my_location_search_hint">Search: group or contact</string>
<string name="start_location_sharing">Start location sharing</string>
<string name="show_on_map">Show on map</string>

View file

@ -1,16 +1,141 @@
package net.osmand.telegram.ui
import android.animation.*
import android.graphics.drawable.GradientDrawable
import android.os.Build
import android.os.Bundle
import android.support.design.widget.AppBarLayout
import android.support.v4.app.Fragment
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.support.v4.content.ContextCompat
import android.view.*
import android.widget.*
import net.osmand.telegram.R
import net.osmand.telegram.TelegramApplication
class MyLocationTabFragment : Fragment() {
override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
private var textMarginSmall: Int = 0
private var textMarginBig: Int = 0
private var searchBoxHeight: Int = 0
private var searchBoxSidesMargin: Int = 0
private val app: TelegramApplication
get() = activity?.application as TelegramApplication
private lateinit var appBarLayout: AppBarLayout
private lateinit var textContainer: LinearLayout
private lateinit var title: TextView
private lateinit var description: TextView
private lateinit var searchBox: FrameLayout
private lateinit var searchBoxBg: GradientDrawable
private var appBarCollapsed = false
private lateinit var appBarOutlineProvider: ViewOutlineProvider
override fun onCreateView(
inflater: LayoutInflater,
container: ViewGroup?,
savedInstanceState: Bundle?
): View? {
textMarginSmall = resources.getDimensionPixelSize(R.dimen.content_padding_standard)
textMarginBig = resources.getDimensionPixelSize(R.dimen.my_location_text_sides_margin)
searchBoxHeight = resources.getDimensionPixelSize(R.dimen.search_box_height)
searchBoxSidesMargin = resources.getDimensionPixelSize(R.dimen.content_padding_half)
val mainView = inflater.inflate(R.layout.fragment_my_location_tab, container, false)
appBarLayout = mainView.findViewById<AppBarLayout>(R.id.app_bar_layout).apply {
if (Build.VERSION.SDK_INT >= 21) {
appBarOutlineProvider = outlineProvider
outlineProvider = null
}
addOnOffsetChangedListener { appBar, offset ->
val collapsed = Math.abs(offset) == appBar.totalScrollRange
if (collapsed != appBarCollapsed) {
appBarCollapsed = collapsed
adjustText()
adjustSearchBox()
}
}
}
textContainer = mainView.findViewById<LinearLayout>(R.id.text_container).apply {
if (Build.VERSION.SDK_INT >= 16) {
layoutTransition.enableTransitionType(LayoutTransition.CHANGING)
}
title = findViewById(R.id.title)
description = findViewById(R.id.description)
}
searchBoxBg = GradientDrawable().apply {
shape = GradientDrawable.RECTANGLE
setColor(ContextCompat.getColor(context!!, R.color.screen_bg_light))
cornerRadius = (searchBoxHeight / 2).toFloat()
}
searchBox = mainView.findViewById<FrameLayout>(R.id.search_box).apply {
if (Build.VERSION.SDK_INT >= 16) {
background = searchBoxBg
} else {
@Suppress("DEPRECATION")
setBackgroundDrawable(searchBoxBg)
}
findViewById<View>(R.id.search_button).setOnClickListener {
Toast.makeText(context, "Search", Toast.LENGTH_SHORT).show()
}
findViewById<ImageView>(R.id.search_icon)
.setImageDrawable(app.uiUtils.getThemedIcon(R.drawable.ic_action_search_dark))
}
return mainView
}
private fun adjustText() {
val gravity = if (appBarCollapsed) Gravity.START else Gravity.CENTER
val padding = if (appBarCollapsed) textMarginSmall else textMarginBig
textContainer.setPadding(padding, 0, padding, 0)
title.gravity = gravity
description.gravity = gravity
}
private fun adjustSearchBox() {
val cornerRadiusFrom = if (appBarCollapsed) searchBoxHeight / 2 else 0
val cornerRadiusTo = if (appBarCollapsed) 0 else searchBoxHeight / 2
val marginFrom = if (appBarCollapsed) searchBoxSidesMargin else 0
val marginTo = if (appBarCollapsed) 0 else searchBoxSidesMargin
val cornerAnimator = ObjectAnimator.ofFloat(
searchBoxBg,
"cornerRadius",
cornerRadiusFrom.toFloat(),
cornerRadiusTo.toFloat()
)
val marginAnimator = ValueAnimator.ofInt(marginFrom, marginTo)
marginAnimator.addUpdateListener {
val value = it.animatedValue as Int
val params = searchBox.layoutParams as LinearLayout.LayoutParams
params.setMargins(value, params.topMargin, value, params.bottomMargin)
searchBox.layoutParams = params
}
val animatorSet = AnimatorSet()
animatorSet.duration = 200
animatorSet.playTogether(cornerAnimator, marginAnimator)
if (Build.VERSION.SDK_INT >= 21) {
if (appBarCollapsed) {
animatorSet.addListener(object : AnimatorListenerAdapter() {
override fun onAnimationEnd(animation: Animator?) {
if (Build.VERSION.SDK_INT >= 21 && appBarCollapsed) {
appBarLayout.outlineProvider = appBarOutlineProvider
}
}
})
} else {
appBarLayout.outlineProvider = null
}
}
animatorSet.start()
}
}