Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit e6348c4

Browse files
committed
complete first version
0 parents commit e6348c4

25 files changed

+1539
-0
lines changed

‎.gitignore

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
# Miscellaneous
2+
*.class
3+
*.log
4+
*.pyc
5+
*.swp
6+
.DS_Store
7+
.atom/
8+
.buildlog/
9+
.history
10+
.svn/
11+
12+
# IntelliJ related
13+
*.iml
14+
*.ipr
15+
*.iws
16+
.idea/
17+
18+
# Visual Studio Code related
19+
.vscode/
20+
21+
# Flutter/Dart/Pub related
22+
**/doc/api/
23+
.dart_tool/
24+
.flutter-plugins
25+
.packages
26+
.pub-cache/
27+
.pub/
28+
/build/
29+
30+
# Android related
31+
**/android/**/gradle-wrapper.jar
32+
**/android/.gradle
33+
**/android/captures/
34+
**/android/gradlew
35+
**/android/gradlew.bat
36+
**/android/local.properties
37+
**/android/**/GeneratedPluginRegistrant.java
38+
39+
# iOS/XCode related
40+
**/ios/**/*.mode1v3
41+
**/ios/**/*.mode2v3
42+
**/ios/**/*.moved-aside
43+
**/ios/**/*.pbxuser
44+
**/ios/**/*.perspectivev3
45+
**/ios/**/*sync/
46+
**/ios/**/.sconsign.dblite
47+
**/ios/**/.tags*
48+
**/ios/**/.vagrant/
49+
**/ios/**/DerivedData/
50+
**/ios/**/Icon?
51+
**/ios/**/Pods/
52+
**/ios/**/.symlinks/
53+
**/ios/**/profile
54+
**/ios/**/xcuserdata
55+
**/ios/.generated/
56+
**/ios/Flutter/App.framework
57+
**/ios/Flutter/Flutter.framework
58+
**/ios/Flutter/Generated.xcconfig
59+
**/ios/Flutter/app.flx
60+
**/ios/Flutter/app.zip
61+
**/ios/Flutter/flutter_assets/
62+
**/ios/ServiceDefinitions.json
63+
**/ios/Runner/GeneratedPluginRegistrant.*
64+
65+
# Exceptions to above rules.
66+
!**/ios/**/default.mode1v3
67+
!**/ios/**/default.mode2v3
68+
!**/ios/**/default.pbxuser
69+
!**/ios/**/default.perspectivev3
70+
!/packages/flutter_tools/test/data/dart_dependencies_test/**/.packages

‎LICENSE.txt

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
Copyright (c) 2019 ditclear
2+
3+
Permission is hereby granted, free of charge, to any person obtaining a copy
4+
of this software and associated documentation files (the "Software"), to deal
5+
in the Software without restriction, including without limitation the rights
6+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
7+
copies of the Software, and to permit persons to whom the Software is
8+
furnished to do so, subject to the following conditions:
9+
10+
The above copyright notice and this permission notice shall be included in
11+
all copies or substantial portions of the Software.
12+
13+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
19+
THE SOFTWARE.

‎README.md

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
# flutter_web_challenge_profile
2+
3+
Use Flutter_web💪 to implement the UI challenge of Google Maps on [uplabs](https://www.uplabs.com/posts/google-maps-redesign-919dd0d6-0883-4378-b5b2-f77e36adb6b5) .
4+
5+
[中文版本](README_CN.md)
6+
7+
> Designer : [cassian.design](https://www.uplabs.com/cassian)
8+
>
9+
> Uplabs : <https://www.uplabs.com/posts/portfolio-8295c52a-fd19-4849-b3c6-deff4fa2c669>
10+
>
11+
> Developer : [ditclear](https://github.com/ditclear)
12+
13+
### Run
14+
15+
First, make sure the relevant environment is installed, please refer to [Flutter-web](https://github.com/flutter/flutter_web).
16+
17+
Then clone
18+
19+
> git clone https://github.com/flutter-ui-challenges/flutter_web_challenge_googlemaps.git
20+
21+
You can open the project with Android Studio, IntelliJ or Visual Studio Code and run the `main.dart` file.
22+
23+
### Challenge
24+
25+
26+
27+
![](ui/preview.png)
28+
29+
![](ui/attachment.png)
30+
31+
32+
33+
34+
35+
36+
37+
#### 不用客气,buy Me a Lunch ~
38+
39+
| Alipay | WeChatPay |
40+
| :----------------------------------------------------------: | :----------------------------------------------------------: |
41+
| ![](https://camo.githubusercontent.com/fbaa3ecc28af039c8e6011ddf473e51d2a08c8d2/68747470733a2f2f75706c6f61642d696d616765732e6a69616e7368752e696f2f75706c6f61645f696d616765732f333732323639352d666664653137306665633933316561652e706e673f696d6167654d6f6772322f6175746f2d6f7269656e742f7374726970253743696d61676556696577322f322f772f333430) | ![](https://camo.githubusercontent.com/ade43488617a69c72d5be1841fd4d0934689a3b0/68747470733a2f2f75706c6f61642d696d616765732e6a69616e7368752e696f2f75706c6f61645f696d616765732f333732323639352d316238323761353465633237346535392e706e673f696d6167654d6f6772322f6175746f2d6f7269656e742f7374726970253743696d61676556696577322f322f772f333430) |
42+
43+
### License
44+
45+
```
46+
Copyright 2019 ditclear
47+
48+
Licensed under the Apache License, Version 2.0 (the "License");
49+
you may not use this file except in compliance with the License.
50+
You may obtain a copy of the License at
51+
52+
http://www.apache.org/licenses/LICENSE-2.0
53+
54+
Unless required by applicable law or agreed to in writing, software
55+
distributed under the License is distributed on an "AS IS" BASIS,
56+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
57+
See the License for the specific language governing permissions and
58+
limitations under the License.
59+
```
60+
61+
62+
63+
64+
65+
66+
67+
68+
69+
70+

‎README_CN.md

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
# flutter_web_challenge_profile
2+
3+
使用Flutter_web实现[uplabs](https://www.uplabs.com/posts/google-maps-redesign-919dd0d6-0883-4378-b5b2-f77e36adb6b5)上Google Maps的UI挑战
4+
5+
> 设计师 : [cassian.design](https://www.uplabs.com/cassian)
6+
>
7+
> Uplabs : <https://www.uplabs.com/posts/portfolio-8295c52a-fd19-4849-b3c6-deff4fa2c669>
8+
>
9+
> 开发者 : [ditclear](https://github.com/ditclear)
10+
11+
#### 体验一下
12+
13+
首先,确保安装了相关的环境,请参考[Flutter-web](https://github.com/flutter/flutter_web).
14+
15+
然后克隆
16+
17+
> git clone https://github.com/flutter-ui-challenges/flutter_web_challenge_googlemaps.git
18+
19+
你可以使用Android Studio 、IntelliJ或者Visual Studio Code打开项目,然后运行`main.dart`文件
20+
21+
#### 效果图
22+
23+
![](ui/preview.png)
24+
25+
![](ui/attachment.png)
26+
27+
28+
29+
30+
31+
#### 不用客气,buy Me a Lunch ~
32+
33+
| Alipay | WeChatPay |
34+
| :----------------------------------------------------------: | :----------------------------------------------------------: |
35+
| ![](https://camo.githubusercontent.com/fbaa3ecc28af039c8e6011ddf473e51d2a08c8d2/68747470733a2f2f75706c6f61642d696d616765732e6a69616e7368752e696f2f75706c6f61645f696d616765732f333732323639352d666664653137306665633933316561652e706e673f696d6167654d6f6772322f6175746f2d6f7269656e742f7374726970253743696d61676556696577322f322f772f333430) | ![](https://camo.githubusercontent.com/ade43488617a69c72d5be1841fd4d0934689a3b0/68747470733a2f2f75706c6f61642d696d616765732e6a69616e7368752e696f2f75706c6f61645f696d616765732f333732323639352d316238323761353465633237346535392e706e673f696d6167654d6f6772322f6175746f2d6f7269656e742f7374726970253743696d61676556696577322f322f772f333430) |
36+
37+
### License
38+
39+
```
40+
Copyright 2019 ditclear
41+
42+
Licensed under the Apache License, Version 2.0 (the "License");
43+
you may not use this file except in compliance with the License.
44+
You may obtain a copy of the License at
45+
46+
http://www.apache.org/licenses/LICENSE-2.0
47+
48+
Unless required by applicable law or agreed to in writing, software
49+
distributed under the License is distributed on an "AS IS" BASIS,
50+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
51+
See the License for the specific language governing permissions and
52+
limitations under the License.
53+
```
54+
55+
56+
57+
58+
59+
60+
61+
62+
63+
64+

‎lib/helper/ui_helper.dart

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import 'dart:core';
2+
3+
/// ui standard
4+
final standardWidth = 1400.0;
5+
final standardHeight = 900.0;
6+
7+
/// late init
8+
double screenWidth;
9+
double screenHeight;
10+
11+
/// scale [height] by [standardHeight]
12+
double realH(double height) {
13+
assert(screenHeight != 0.0);
14+
return height / standardHeight * screenHeight;
15+
}
16+
17+
// scale [width] by [ standardWidth ]
18+
double realW(double width) {
19+
assert(screenWidth != 0.0);
20+
return width / standardWidth * screenWidth;
21+
}

‎lib/main.dart

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
import 'package:flutter_web/material.dart';
2+
import 'package:flutter_web_challenge_profile/view/about.dart';
3+
4+
void main() => runApp(MyApp());
5+
6+
class MyApp extends StatelessWidget {
7+
// This widget is the root of your application.
8+
@override
9+
Widget build(BuildContext context) {
10+
return MaterialApp(
11+
title: 'Flutter Demo',
12+
theme: ThemeData(
13+
// This is the theme of your application.
14+
//
15+
// Try running your application with "flutter run". You'll see the
16+
// application has a blue toolbar. Then, without quitting the app, try
17+
// changing the primarySwatch below to Colors.green and then invoke
18+
// "hot reload" (press "r" in the console where you ran "flutter run",
19+
// or simply save your changes to "hot reload" in a Flutter IDE).
20+
// Notice that the counter didn't reset back to zero; the application
21+
// is not restarted.
22+
primarySwatch: Colors.blue,
23+
),
24+
home: AboutPage(),
25+
);
26+
}
27+
}

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /