128 lines
4.1 KiB
Dart
128 lines
4.1 KiB
Dart
// ignore_for_file: dead_code
|
|
// import 'dart:js';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:transparent_image/transparent_image.dart';
|
|
import 'package:wallpaper/pages/homepage/homepage_controller.dart';
|
|
|
|
class HomePageView extends GetView <HomePageController> {
|
|
const HomePageView({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
// Get.put(HomePageController);
|
|
const title = "壁纸";
|
|
// final SizedBox headerView = getHeaderWidget(context);
|
|
final Widget bodyView = getBodyWidget();
|
|
|
|
// Obx(() => {
|
|
// print(controller.typeList);
|
|
// return Text("data");}
|
|
// );
|
|
print("build......hompage");
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text(title),
|
|
),
|
|
// body: Row(
|
|
// children: [
|
|
// headerView,
|
|
// // bodyView,
|
|
// ],
|
|
body:bodyView,
|
|
);
|
|
|
|
}
|
|
|
|
//返回内容
|
|
Widget getBodyWidget(){
|
|
return Obx(() => GridView.count(
|
|
crossAxisCount: 2,
|
|
mainAxisSpacing: 10,
|
|
crossAxisSpacing: 10,
|
|
childAspectRatio: 0.7,
|
|
padding: const EdgeInsets.symmetric(horizontal: 10),
|
|
children: List.generate(controller.typeList.length, (index) {
|
|
return Stack(//堆叠效果
|
|
children: [
|
|
FadeInImage.memoryNetwork(
|
|
width: double.infinity,
|
|
height: double.infinity,
|
|
placeholder: kTransparentImage,
|
|
image: controller.typeList[index].data![0].previewThumb!,
|
|
fit: BoxFit.cover,
|
|
),
|
|
Align(
|
|
alignment: Alignment.bottomCenter,
|
|
child: Text(
|
|
controller.typeList[index].name!,
|
|
style: const TextStyle(
|
|
color: Colors.white
|
|
),
|
|
|
|
),
|
|
),
|
|
|
|
],
|
|
);
|
|
}),
|
|
));
|
|
}
|
|
|
|
//初始化顶部数据
|
|
SizedBox getHeaderWidget(BuildContext context){
|
|
final size = MediaQuery.of(context).size;
|
|
final cw = 80.0;
|
|
|
|
return SizedBox(
|
|
width: size.width,
|
|
height: 40,
|
|
child: ListView(
|
|
scrollDirection: Axis.horizontal,
|
|
children: <Widget>[
|
|
Container(
|
|
width: cw,
|
|
color: Colors.red,
|
|
),
|
|
Container(
|
|
width: cw,
|
|
color: Colors.blue,
|
|
),
|
|
Container(
|
|
width: cw,
|
|
color: Colors.green,
|
|
),
|
|
Container(
|
|
width: cw,
|
|
color: Colors.yellow,
|
|
),
|
|
getCustomContrainer("cuainer"),
|
|
],
|
|
),
|
|
);
|
|
|
|
}
|
|
|
|
|
|
//customcontainer
|
|
Container getCustomContrainer(String title) {
|
|
return Container(
|
|
alignment: Alignment.center,
|
|
// decoration: BoxDecoration( //用于设置边框
|
|
// border: Border.all(color: Colors.black12, width: 0.5),
|
|
// borderRadius: BorderRadius.all(Radius.circular(5.0))),
|
|
color:Colors.red,
|
|
padding: EdgeInsets.all(5.0),
|
|
// margin: EdgeInsets.fromLTRB(3.0, 0.0, 3.0, 0.0),
|
|
child: ConstrainedBox(
|
|
constraints: BoxConstraints(maxWidth: 100.0,),
|
|
child: Text(
|
|
title,
|
|
softWrap: true,
|
|
),
|
|
));
|
|
}
|
|
|
|
} |