mirror of
https://github.com/rustdesk/rustdesk.git
synced 2025-06-11 20:53:13 +08:00
mobile use _buildPeerTile
Signed-off-by: 21pages <pages21@163.com>
This commit is contained in:
21pages
parent
a48532d0b1
commit
5a6a7e8d82
@ -63,75 +63,29 @@ class _PeerCardState extends State<_PeerCard>
|
|||||||
|
|
||||||
Widget _buildMobile() {
|
Widget _buildMobile() {
|
||||||
final peer = super.widget.peer;
|
final peer = super.widget.peer;
|
||||||
final name =
|
|
||||||
'${peer.username}${peer.username.isNotEmpty && peer.hostname.isNotEmpty ? '@' : ''}${peer.hostname}';
|
|
||||||
final PeerTabModel peerTabModel = Provider.of(context);
|
final PeerTabModel peerTabModel = Provider.of(context);
|
||||||
final child = Card(
|
return Card(
|
||||||
margin: EdgeInsets.symmetric(horizontal: 2),
|
margin: EdgeInsets.symmetric(horizontal: 2),
|
||||||
child: GestureDetector(
|
child: GestureDetector(
|
||||||
onTap: () {
|
onTap: () {
|
||||||
if (peerTabModel.multiSelectionMode) {
|
if (peerTabModel.multiSelectionMode) {
|
||||||
peerTabModel.select(peer);
|
|
||||||
} else {
|
|
||||||
if (!isWebDesktop) {
|
|
||||||
connectInPeerTab(context, peer.id, widget.tab);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
onDoubleTap: isWebDesktop
|
|
||||||
? () => connectInPeerTab(context, peer.id, widget.tab)
|
|
||||||
: null,
|
|
||||||
onLongPress: () {
|
|
||||||
peerTabModel.select(peer);
|
peerTabModel.select(peer);
|
||||||
},
|
} else {
|
||||||
child: Container(
|
if (!isWebDesktop) {
|
||||||
|
connectInPeerTab(context, peer.id, widget.tab);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onDoubleTap: isWebDesktop
|
||||||
|
? () => connectInPeerTab(context, peer.id, widget.tab)
|
||||||
|
: null,
|
||||||
|
onLongPress: () {
|
||||||
|
peerTabModel.select(peer);
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
padding: EdgeInsets.only(left: 12, top: 8, bottom: 8),
|
padding: EdgeInsets.only(left: 12, top: 8, bottom: 8),
|
||||||
child: Row(
|
child: _buildPeerTile(context, peer, null)),
|
||||||
children: [
|
));
|
||||||
Container(
|
|
||||||
width: 50,
|
|
||||||
height: 50,
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: str2color('${peer.id}${peer.platform}', 0x7f),
|
|
||||||
borderRadius: BorderRadius.circular(4),
|
|
||||||
),
|
|
||||||
padding: const EdgeInsets.all(6),
|
|
||||||
child: getPlatformImage(peer.platform)),
|
|
||||||
Expanded(
|
|
||||||
child: Column(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
Row(children: [
|
|
||||||
getOnline(4, peer.online),
|
|
||||||
Text(peer.alias.isEmpty
|
|
||||||
? formatID(peer.id)
|
|
||||||
: peer.alias)
|
|
||||||
]),
|
|
||||||
Text(name)
|
|
||||||
],
|
|
||||||
).paddingOnly(left: 8.0),
|
|
||||||
),
|
|
||||||
checkBoxOrActionMoreMobile(peer),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
)));
|
|
||||||
final colors = _frontN(peer.tags, 25).map((e) => str2color2(e)).toList();
|
|
||||||
return Tooltip(
|
|
||||||
message: peer.tags.isNotEmpty
|
|
||||||
? '${translate('Tags')}: ${peer.tags.join(', ')}'
|
|
||||||
: '',
|
|
||||||
child: Stack(children: [
|
|
||||||
child,
|
|
||||||
if (colors.isNotEmpty)
|
|
||||||
Positioned(
|
|
||||||
top: 2,
|
|
||||||
right: 10,
|
|
||||||
child: CustomPaint(
|
|
||||||
painter: TagPainter(radius: 3, colors: colors),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
]),
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Widget _buildDesktop() {
|
Widget _buildDesktop() {
|
||||||
@ -178,87 +132,95 @@ class _PeerCardState extends State<_PeerCard>
|
|||||||
}
|
}
|
||||||
|
|
||||||
Widget _buildPeerTile(
|
Widget _buildPeerTile(
|
||||||
BuildContext context, Peer peer, Rx<BoxDecoration?> deco) {
|
BuildContext context, Peer peer, Rx<BoxDecoration?>? deco) {
|
||||||
final name =
|
final name =
|
||||||
'${peer.username}${peer.username.isNotEmpty && peer.hostname.isNotEmpty ? '@' : ''}${peer.hostname}';
|
'${peer.username}${peer.username.isNotEmpty && peer.hostname.isNotEmpty ? '@' : ''}${peer.hostname}';
|
||||||
final greyStyle = TextStyle(
|
final greyStyle = TextStyle(
|
||||||
fontSize: 11,
|
fontSize: 11,
|
||||||
color: Theme.of(context).textTheme.titleLarge?.color?.withOpacity(0.6));
|
color: Theme.of(context).textTheme.titleLarge?.color?.withOpacity(0.6));
|
||||||
final child = Obx(
|
final child = Row(
|
||||||
() => Container(
|
mainAxisSize: MainAxisSize.max,
|
||||||
foregroundDecoration: deco.value,
|
children: [
|
||||||
child: Row(
|
Container(
|
||||||
mainAxisSize: MainAxisSize.max,
|
decoration: BoxDecoration(
|
||||||
children: [
|
color: str2color('${peer.id}${peer.platform}', 0x7f),
|
||||||
Container(
|
borderRadius: isMobile
|
||||||
decoration: BoxDecoration(
|
? BorderRadius.circular(_tileRadius)
|
||||||
color: str2color('${peer.id}${peer.platform}', 0x7f),
|
: BorderRadius.only(
|
||||||
borderRadius: BorderRadius.only(
|
topLeft: Radius.circular(_tileRadius),
|
||||||
topLeft: Radius.circular(_tileRadius),
|
bottomLeft: Radius.circular(_tileRadius),
|
||||||
bottomLeft: Radius.circular(_tileRadius),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
alignment: Alignment.center,
|
|
||||||
width: 42,
|
|
||||||
child: getPlatformImage(peer.platform, size: 30).paddingAll(6),
|
|
||||||
),
|
|
||||||
Expanded(
|
|
||||||
child: Container(
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: Theme.of(context).colorScheme.background,
|
|
||||||
borderRadius: BorderRadius.only(
|
|
||||||
topRight: Radius.circular(_tileRadius),
|
|
||||||
bottomRight: Radius.circular(_tileRadius),
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
child: Row(
|
alignment: Alignment.center,
|
||||||
children: [
|
width: isMobile ? 50 : 42,
|
||||||
Expanded(
|
height: isMobile ? 50 : null,
|
||||||
child: Column(
|
child: getPlatformImage(peer.platform, size: isMobile ? 38 : 30)
|
||||||
children: [
|
.paddingAll(6),
|
||||||
Row(children: [
|
|
||||||
getOnline(8, peer.online),
|
|
||||||
Expanded(
|
|
||||||
child: Text(
|
|
||||||
peer.alias.isEmpty
|
|
||||||
? formatID(peer.id)
|
|
||||||
: peer.alias,
|
|
||||||
overflow: TextOverflow.ellipsis,
|
|
||||||
style: Theme.of(context).textTheme.titleSmall,
|
|
||||||
)),
|
|
||||||
]).marginOnly(bottom: 0, top: 2),
|
|
||||||
Align(
|
|
||||||
alignment: Alignment.centerLeft,
|
|
||||||
child: Text(
|
|
||||||
name,
|
|
||||||
style: greyStyle,
|
|
||||||
textAlign: TextAlign.start,
|
|
||||||
overflow: TextOverflow.ellipsis,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
).marginOnly(top: 2),
|
|
||||||
),
|
|
||||||
checkBoxOrActionMoreDesktop(peer, isTile: true),
|
|
||||||
],
|
|
||||||
).paddingOnly(left: 10.0, top: 3.0),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
),
|
||||||
),
|
Expanded(
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Theme.of(context).colorScheme.background,
|
||||||
|
borderRadius: BorderRadius.only(
|
||||||
|
topRight: Radius.circular(_tileRadius),
|
||||||
|
bottomRight: Radius.circular(_tileRadius),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
Row(children: [
|
||||||
|
getOnline(isMobile ? 4 : 8, peer.online),
|
||||||
|
Expanded(
|
||||||
|
child: Text(
|
||||||
|
peer.alias.isEmpty ? formatID(peer.id) : peer.alias,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
style: Theme.of(context).textTheme.titleSmall,
|
||||||
|
)),
|
||||||
|
]).marginOnly(top: isMobile ? 0 : 2),
|
||||||
|
Align(
|
||||||
|
alignment: Alignment.centerLeft,
|
||||||
|
child: Text(
|
||||||
|
name,
|
||||||
|
style: isMobile ? null : greyStyle,
|
||||||
|
textAlign: TextAlign.start,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
).marginOnly(top: 2),
|
||||||
|
),
|
||||||
|
isMobile
|
||||||
|
? checkBoxOrActionMoreMobile(peer)
|
||||||
|
: checkBoxOrActionMoreDesktop(peer, isTile: true),
|
||||||
|
],
|
||||||
|
).paddingOnly(left: 10.0, top: 3.0),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
);
|
);
|
||||||
final colors = _frontN(peer.tags, 25).map((e) => str2color2(e)).toList();
|
final colors = _frontN(peer.tags, 25).map((e) => str2color2(e)).toList();
|
||||||
return Tooltip(
|
return Tooltip(
|
||||||
message: peer.tags.isNotEmpty
|
message: isMobile
|
||||||
? '${translate('Tags')}: ${peer.tags.join(', ')}'
|
? ''
|
||||||
: '',
|
: peer.tags.isNotEmpty
|
||||||
|
? '${translate('Tags')}: ${peer.tags.join(', ')}'
|
||||||
|
: '',
|
||||||
child: Stack(children: [
|
child: Stack(children: [
|
||||||
child,
|
deco == null
|
||||||
|
? child
|
||||||
|
: Obx(
|
||||||
|
() => Container(
|
||||||
|
foregroundDecoration: deco.value,
|
||||||
|
child: child,
|
||||||
|
),
|
||||||
|
),
|
||||||
if (colors.isNotEmpty)
|
if (colors.isNotEmpty)
|
||||||
Positioned(
|
Positioned(
|
||||||
top: 2,
|
top: 2,
|
||||||
right: 10,
|
right: isMobile ? 20 : 10,
|
||||||
child: CustomPaint(
|
child: CustomPaint(
|
||||||
painter: TagPainter(radius: 3, colors: colors),
|
painter: TagPainter(radius: 3, colors: colors),
|
||||||
),
|
),
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user