大学LMSカリキュラムの作成アプリケーション(課題、テスト、選択ページ)
4084 ワード
「チャレンジ」、「テスト」、「選択」ページは、アップルのアプリケーションストアをテーマにしています.
良いイメージを利用して、ユーザーの立場に立つと、楽しいアプリケーションの開発の目標に近いようです.
<最初のアプリケーションの構成.>
イメージを最大限に活用します.
<実装済みページ>
画像は無著作権の無料画像を使用しています.
私が欲しいイメージがないのでイメージ部分がちょっと残念
<実装コード.>
良いイメージを利用して、ユーザーの立場に立つと、楽しいアプリケーションの開発の目標に近いようです.
<最初のアプリケーションの構成.>
イメージを最大限に活用します.
<実装済みページ>
画像は無著作権の無料画像を使用しています.
私が欲しいイメージがないのでイメージ部分がちょっと残念
<実装コード.>
import 'package:flutter/material.dart';
import 'package:grade_protector/screen/Quiz.dart';
import 'package:grade_protector/screen/Task.dart';
import 'Lec.dart';
class Scroll_Page extends StatefulWidget {
@override
_Scroll_PageState createState() => _Scroll_PageState();
}
class _Scroll_PageState extends State<Scroll_Page> {
final img= [
"image/lec1.png",
"image/quize1.png",
"image/task1.png",
];
final texts=["강의","퀴즈","과제"];
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Container(
decoration: new BoxDecoration(
image: new DecorationImage(
image: new AssetImage("image/pexels-moose-photos-1037995.jpg"),
fit: BoxFit.cover
)
),
child: Scaffold(
backgroundColor: Colors.transparent,
extendBodyBehindAppBar: true,
appBar: AppBar(
backgroundColor: Colors.transparent,
elevation: 0,
leading: IconButton(
color: Colors.black,
icon: Icon(Icons.arrow_back_ios),
onPressed: (){
Navigator.of(context).pop();
},
),
),
body: ListView.separated(
separatorBuilder:(BuildContext context,int index){
return SizedBox(
height: 80,
);
},
padding: EdgeInsets.only(top: 70,left: 10,right: 10),
itemCount: 3,
itemBuilder: (BuildContext context, int index){
return Hero(
tag: texts[index],
child: FlatButton(
onPressed: (){
Navigator.push(context, MaterialPageRoute(builder: (_){
return index==0?Lec(img[index]):index==1?Quize(img[index]):Task(img[index]);
}));
},
child: Stack(
children: [
Container(
height: MediaQuery.of(context).size.height*0.43,
padding: EdgeInsets.only(top: 30,bottom: 30),
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage(
img[index]
),
fit: BoxFit.fill
),
color: Colors.lightBlue,
borderRadius: BorderRadius.all(Radius.circular(60))
),
),
Positioned(
top: 30,
right: 70,
child: Text(texts[index],
style: TextStyle(
fontWeight: FontWeight.w600,
color: Colors.black,
fontSize: 45
),))
],
),
),
);
}),
),
),
);
}
}
Reference
この問題について(大学LMSカリキュラムの作成アプリケーション(課題、テスト、選択ページ)), 我々は、より多くの情報をここで見つけました https://velog.io/@junbeom-01/대학-LMS강의-스케쥴앱-만들어보기과제퀴즈강의-선택-페이지テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol