kopia lustrzana https://github.com/meshtastic/Meshtastic-Android
Move last heard in node info to compose (#878)
* Move battery info to compose - always show voltage level and icons to match battery percentage Use tool text in preview, rather than actually set text value Simplify node info layout to avoid defining margins on everything * Move node position to Compose * Update hyperlink color to match previous value * Use compose preview in layout editor * Use compose preview in layout editor * Add simple preview for use in layout * Move last heard node info to Compose Clean up layout of node infopull/879/head^2
rodzic
0095fc95d7
commit
8f312e5d16
|
@ -0,0 +1,49 @@
|
|||
package com.geeksville.mesh.ui
|
||||
|
||||
import androidx.compose.foundation.layout.Arrangement
|
||||
import androidx.compose.foundation.layout.Row
|
||||
import androidx.compose.foundation.layout.height
|
||||
import androidx.compose.material.Icon
|
||||
import androidx.compose.material.MaterialTheme
|
||||
import androidx.compose.material.Text
|
||||
import androidx.compose.runtime.Composable
|
||||
import androidx.compose.ui.Alignment
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.graphics.vector.ImageVector
|
||||
import androidx.compose.ui.res.vectorResource
|
||||
import androidx.compose.ui.tooling.preview.Preview
|
||||
import androidx.compose.ui.unit.dp
|
||||
import com.geeksville.mesh.R
|
||||
import com.geeksville.mesh.ui.theme.AppTheme
|
||||
import com.geeksville.mesh.util.formatAgo
|
||||
|
||||
@Composable
|
||||
fun LastHeardInfo(
|
||||
lastHeard: Int
|
||||
) {
|
||||
Row(
|
||||
verticalAlignment = Alignment.CenterVertically,
|
||||
horizontalArrangement = Arrangement.spacedBy(2.dp)
|
||||
) {
|
||||
Icon(
|
||||
modifier = Modifier.height(18.dp),
|
||||
imageVector = ImageVector.vectorResource(id = R.drawable.ic_antenna_24),
|
||||
contentDescription = null,
|
||||
tint = MaterialTheme.colors.onSurface,
|
||||
)
|
||||
Text(
|
||||
text = formatAgo(lastHeard),
|
||||
color = MaterialTheme.colors.onSurface,
|
||||
fontSize = MaterialTheme.typography.button.fontSize
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
@Composable
|
||||
@Preview(showBackground = true)
|
||||
@Preview(showBackground = true, uiMode = android.content.res.Configuration.UI_MODE_NIGHT_YES)
|
||||
fun LastHeardInfoPreview() {
|
||||
AppTheme {
|
||||
LastHeardInfo((System.currentTimeMillis() / 1000).toInt() - 8600)
|
||||
}
|
||||
}
|
|
@ -27,7 +27,6 @@ import com.geeksville.mesh.databinding.AdapterNodeLayoutBinding
|
|||
import com.geeksville.mesh.databinding.NodelistFragmentBinding
|
||||
import com.geeksville.mesh.model.UIViewModel
|
||||
import com.geeksville.mesh.ui.theme.AppTheme
|
||||
import com.geeksville.mesh.util.formatAgo
|
||||
import com.google.android.material.dialog.MaterialAlertDialogBuilder
|
||||
import dagger.hilt.android.AndroidEntryPoint
|
||||
import kotlinx.coroutines.Dispatchers
|
||||
|
@ -55,12 +54,12 @@ class UsersFragment : ScreenFragment("Users"), Logging {
|
|||
val chipNode = itemView.chipNode
|
||||
val nodeNameView = itemView.nodeNameView
|
||||
val distanceView = itemView.distanceView
|
||||
val lastTime = itemView.lastConnectionView
|
||||
val signalView = itemView.signalView
|
||||
val envMetrics = itemView.envMetrics
|
||||
val background = itemView.nodeCard
|
||||
val nodePosition = itemView.nodePosition
|
||||
val batteryInfo = itemView.batteryInfo
|
||||
val lastHeard = itemView.lastHeardInfo
|
||||
|
||||
fun blink() {
|
||||
val bg = background.backgroundTintList
|
||||
|
@ -88,7 +87,8 @@ class UsersFragment : ScreenFragment("Users"), Logging {
|
|||
voltage: Float?,
|
||||
position: Position?,
|
||||
gpsFormat: Int,
|
||||
nodeName: String?
|
||||
nodeName: String?,
|
||||
lastHeard: Int
|
||||
) {
|
||||
batteryInfo.setContent {
|
||||
AppTheme {
|
||||
|
@ -100,6 +100,11 @@ class UsersFragment : ScreenFragment("Users"), Logging {
|
|||
LinkedCoordinates(position, gpsFormat, nodeName)
|
||||
}
|
||||
}
|
||||
this.lastHeard.setContent {
|
||||
AppTheme {
|
||||
LastHeardInfo(lastHeard)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -250,14 +255,15 @@ class UsersFragment : ScreenFragment("Users"), Logging {
|
|||
val isIgnored: Boolean = ignoreIncomingList.contains(n.num)
|
||||
val name = user?.longName
|
||||
|
||||
holder.bind(n.batteryLevel, n.voltage, n.validPosition, gpsFormat, name)
|
||||
holder.bind(n.batteryLevel, n.voltage, n.validPosition, gpsFormat, name, n.lastHeard)
|
||||
|
||||
holder.nodeNameView.text = name
|
||||
|
||||
with(holder.chipNode) {
|
||||
text = (user?.shortName ?: "UNK").strikeIf(isIgnored)
|
||||
chipBackgroundColor = ColorStateList.valueOf(nodeColor)
|
||||
setTextColor(textColor)
|
||||
}
|
||||
holder.nodeNameView.text = name
|
||||
|
||||
val ourNodeInfo = nodes[0]
|
||||
val distance = ourNodeInfo.distanceStr(n, displayUnits)
|
||||
|
@ -268,8 +274,6 @@ class UsersFragment : ScreenFragment("Users"), Logging {
|
|||
holder.distanceView.visibility = View.INVISIBLE
|
||||
}
|
||||
|
||||
holder.lastTime.text = formatAgo(n.lastHeard)
|
||||
|
||||
val envMetrics = n.envMetricStr(displayFahrenheit)
|
||||
if (envMetrics.isNotEmpty()) {
|
||||
holder.envMetrics.text = envMetrics
|
||||
|
|
|
@ -47,9 +47,11 @@
|
|||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
app:layout_constraintTop_toBottomOf="@+id/chip_node"
|
||||
app:layout_constraintEnd_toEndOf="@+id/chip_node"
|
||||
app:layout_constraintBottom_toTopOf="@id/envMetrics"
|
||||
app:layout_constraintStart_toStartOf="@+id/chip_node"
|
||||
android:layout_marginTop="8dp"
|
||||
app:layout_constraintEnd_toEndOf="@+id/chip_node"
|
||||
android:layout_marginVertical="8dp"
|
||||
app:layout_constraintVertical_bias="0"
|
||||
tools:text="@string/sample_distance"
|
||||
/>
|
||||
|
||||
|
@ -73,36 +75,26 @@
|
|||
tools:composableName="com.geeksville.mesh.ui.BatteryInfoKt.BatteryInfoPreviewSimple"
|
||||
/>
|
||||
|
||||
<ImageView
|
||||
android:id="@+id/lastCommIcon"
|
||||
<androidx.compose.ui.platform.ComposeView
|
||||
android:id="@+id/lastHeardInfo"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_marginEnd="2dp"
|
||||
android:layout_marginBottom="8dp"
|
||||
android:visibility="visible"
|
||||
app:layout_constraintBottom_toTopOf="@id/signalView"
|
||||
app:layout_constraintEnd_toStartOf="@+id/lastConnectionView"
|
||||
app:layout_constraintTop_toBottomOf="@id/batteryInfo"
|
||||
app:srcCompat="@drawable/ic_antenna_24" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/lastConnectionView"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:visibility="visible"
|
||||
app:layout_constraintTop_toTopOf="@+id/lastCommIcon"
|
||||
app:layout_constraintBottom_toBottomOf="@+id/lastCommIcon"
|
||||
app:layout_constraintTop_toBottomOf="@+id/batteryInfo"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
tools:text="11h01 PM"
|
||||
android:layout_marginTop="4dp"
|
||||
tools:composableName="com.geeksville.mesh.ui.LastHeardInfoKt.LastHeardInfoPreview"
|
||||
/>
|
||||
|
||||
<TextView
|
||||
android:id="@+id/signalView"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
app:layout_constraintTop_toBottomOf="@id/lastConnectionView"
|
||||
app:layout_constraintTop_toBottomOf="@id/lastHeardInfo"
|
||||
app:layout_constraintBottom_toTopOf="@id/envMetrics"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintVertical_bias="0"
|
||||
android:layout_marginTop="4dp"
|
||||
android:layout_marginBottom="8dp"
|
||||
tools:text="RSSI: -40 SNR: -8"
|
||||
/>
|
||||
|
||||
|
@ -110,12 +102,12 @@
|
|||
android:id="@+id/envMetrics"
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_marginTop="8dp"
|
||||
android:visibility="gone"
|
||||
app:layout_constraintBottom_toBottomOf="parent"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintStart_toStartOf="parent"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
tools:visibility="visible"
|
||||
tools:background="@android:color/holo_red_light"
|
||||
/>
|
||||
|
||||
</androidx.constraintlayout.widget.ConstraintLayout>
|
||||
|
|
Ładowanie…
Reference in New Issue