Committed by
GitHub
Merge pull request #76 from thallessantos/master
Readme translation to Portuguese
Showing
3 changed files
with
267 additions
and
5 deletions
| @@ -7,6 +7,7 @@ | @@ -7,6 +7,7 @@ | ||
| 7 | *Note*: This plugin is still under development, and some APIs might not be available yet. | 7 | *Note*: This plugin is still under development, and some APIs might not be available yet. |
| 8 | 8 | ||
| 9 | [中文文档](https://github.com/OpenFlutter/flutter_screenutil/blob/master/README_CN.md) | 9 | [中文文档](https://github.com/OpenFlutter/flutter_screenutil/blob/master/README_CN.md) |
| 10 | +[README em Português](https://github.com/OpenFlutter/flutter_screenutil/blob/master/README_PT.md) | ||
| 10 | 11 | ||
| 11 | github: https://github.com/OpenFlutter/flutter_screenutil | 12 | github: https://github.com/OpenFlutter/flutter_screenutil |
| 12 | 13 | ||
| @@ -230,13 +231,13 @@ import 'package:flutter_screenutil/flutter_screenutil.dart'; | @@ -230,13 +231,13 @@ import 'package:flutter_screenutil/flutter_screenutil.dart'; | ||
| 230 | crossAxisAlignment: CrossAxisAlignment.start, | 231 | crossAxisAlignment: CrossAxisAlignment.start, |
| 231 | children: <Widget>[ | 232 | children: <Widget>[ |
| 232 | Text( | 233 | Text( |
| 233 | - 'My font size is 14px on the design draft and will not change with the system.', | 234 | + 'My font size is 24px on the design draft and will not change with the system.', |
| 234 | style: TextStyle( | 235 | style: TextStyle( |
| 235 | color: Colors.black, | 236 | color: Colors.black, |
| 236 | - fontSize: ScreenUtil.getInstance().setSp(14), | 237 | + fontSize: ScreenUtil.getInstance().setSp(24), |
| 237 | )), | 238 | )), |
| 238 | Text( | 239 | Text( |
| 239 | - 'My font size is 14px on the design draft and will change with the system.', | 240 | + 'My font size is 24px on the design draft and will change with the system.', |
| 240 | style: TextStyle( | 241 | style: TextStyle( |
| 241 | color: Colors.black, | 242 | color: Colors.black, |
| 242 | fontSize: ScreenUtil(allowFontScaling: true).setSp(24), | 243 | fontSize: ScreenUtil(allowFontScaling: true).setSp(24), |
| @@ -9,6 +9,7 @@ | @@ -9,6 +9,7 @@ | ||
| 9 | *注意*:此插件仍处于开发阶段,某些API可能尚未推出。 | 9 | *注意*:此插件仍处于开发阶段,某些API可能尚未推出。 |
| 10 | 10 | ||
| 11 | [README of English](https://github.com/OpenFlutter/flutter_ScreenUtil/blob/master/README.md) | 11 | [README of English](https://github.com/OpenFlutter/flutter_ScreenUtil/blob/master/README.md) |
| 12 | +[README em Português](https://github.com/OpenFlutter/flutter_screenutil/blob/master/README_PT.md) | ||
| 12 | 13 | ||
| 13 | github: https://github.com/OpenFlutter/flutter_screenutil | 14 | github: https://github.com/OpenFlutter/flutter_screenutil |
| 14 | 15 | ||
| @@ -228,10 +229,10 @@ import 'package:flutter_screenutil/flutter_screenutil.dart'; | @@ -228,10 +229,10 @@ import 'package:flutter_screenutil/flutter_screenutil.dart'; | ||
| 228 | Column( | 229 | Column( |
| 229 | crossAxisAlignment: CrossAxisAlignment.start, | 230 | crossAxisAlignment: CrossAxisAlignment.start, |
| 230 | children: <Widget>[ | 231 | children: <Widget>[ |
| 231 | - Text('我的文字大小在设计稿上是25px,不会随着系统的文字缩放比例变化', | 232 | + Text('我的文字大小在设计稿上是24px,不会随着系统的文字缩放比例变化', |
| 232 | style: TextStyle( | 233 | style: TextStyle( |
| 233 | color: Colors.black, fontSize: ScreenUtil.getInstance().setSp(24))), | 234 | color: Colors.black, fontSize: ScreenUtil.getInstance().setSp(24))), |
| 234 | - Text('我的文字大小在设计稿上是25px,会随着系统的文字缩放比例变化', | 235 | + Text('我的文字大小在设计稿上是24px,会随着系统的文字缩放比例变化', |
| 235 | style: TextStyle( | 236 | style: TextStyle( |
| 236 | color: Colors.black, fontSize: ScreenUtil(allowFontScaling: true).setSp(24))), | 237 | color: Colors.black, fontSize: ScreenUtil(allowFontScaling: true).setSp(24))), |
| 237 | ], | 238 | ], |
README_PT.md
0 → 100644
| 1 | + | ||
| 2 | +# flutter_screenutil | ||
| 3 | +[](https://pub.dartlang.org/packages/flutter_screenutil) | ||
| 4 | + | ||
| 5 | +**Um plugin Flutter para adaptação de tamanho de tela e fontes. Deixe sua UI exibir um layout aceitável em diferentes tamanhos de tela!** | ||
| 6 | + | ||
| 7 | +*Nota*: Este plugin ainda está em desenvolvimento e algumas APIs podem ainda não estar disponíveis. | ||
| 8 | + | ||
| 9 | +[中文文档](https://github.com/OpenFlutter/flutter_screenutil/blob/master/README_CN.md) | ||
| 10 | +[README of English](https://github.com/OpenFlutter/flutter_ScreenUtil/blob/master/README.md) | ||
| 11 | + | ||
| 12 | +github: https://github.com/OpenFlutter/flutter_screenutil | ||
| 13 | + | ||
| 14 | +[Histórico de atualizações](/CHANGELOG.md) | ||
| 15 | + | ||
| 16 | +## Como usar: | ||
| 17 | + | ||
| 18 | +### Adicionando a dependência: | ||
| 19 | +Por favor, verifique a última versão antes da instalação. | ||
| 20 | +``` | ||
| 21 | +dependencies: | ||
| 22 | + flutter: | ||
| 23 | + sdk: flutter | ||
| 24 | + # add flutter_ScreenUtil | ||
| 25 | + flutter_screenutil: ^0.5.3 | ||
| 26 | +``` | ||
| 27 | + | ||
| 28 | +### Adicione o seguinte import em seu código Dart: | ||
| 29 | +``` | ||
| 30 | +import 'package:flutter_screenutil/flutter_screenutil.dart'; | ||
| 31 | +``` | ||
| 32 | + | ||
| 33 | +### Propriedades | ||
| 34 | + | ||
| 35 | +|Propriedade|Tipo|Valor Padrão|Descrição| | ||
| 36 | +|:---|:---|:---|:---| | ||
| 37 | +|width|double|1080px|A largura do dispositivo no protótipo de design, em px| | ||
| 38 | +|height|double|1920px|A altura do dispositivo no protótipo de design, em px| | ||
| 39 | +|allowFontScaling|bool|false|Defina caso o tamanho da fonte seja dimensionado de acordo com a opção "tamanho de fonte" na acessibilidade do sistema| | ||
| 40 | + | ||
| 41 | +### Inicialize e defina o tamanho de ajuste e tamanho da fonte para dimensionar de acordo com a opção "tamanho de fonte" na acessibilidade do sistema | ||
| 42 | +Por favor, defina a largura e altura do protótipo de design antes de usar (em pixels). | ||
| 43 | +Certifique-se de definir as dimensões na paginal inicial do MaterialApp (ou seja, no arquivo de entrada, defina apenas uma vez) para garantir que o tamanho de ajuste seja o mesmo antes de cada uso: | ||
| 44 | + | ||
| 45 | +```dart | ||
| 46 | + | ||
| 47 | +//Preencha o tamanho da tela do dispositivo no protótipo de design | ||
| 48 | + | ||
| 49 | +//Valor padrão: width : 1080px , height:1920px , allowFontScaling:false | ||
| 50 | +ScreenUtil.instance = ScreenUtil.getInstance()..init(context); | ||
| 51 | + | ||
| 52 | +//Se o design é baseado no iPhone6 (iPhone6 750*1334) | ||
| 53 | +ScreenUtil.instance = ScreenUtil(width: 750, height: 1334)..init(context); | ||
| 54 | + | ||
| 55 | +//Se você quer definir que o tamanho da fonte seja ajustado de acordo com a opção "tamanho da fonte" na acessibilidade do sistema | ||
| 56 | +ScreenUtil.instance = ScreenUtil(width: 750, height: 1334, allowFontScaling: true)..init(context); | ||
| 57 | + | ||
| 58 | +``` | ||
| 59 | + | ||
| 60 | +### Uso: | ||
| 61 | + | ||
| 62 | +#### Adaptar o tamanho da tela: | ||
| 63 | + | ||
| 64 | +Informe o tamanho em pixels do protótipo de design: | ||
| 65 | + | ||
| 66 | +Adaptado à largura da tela: `ScreenUtil.getInstance().setWidth(540)`, | ||
| 67 | + | ||
| 68 | +Adaptado à altura da tela: `ScreenUtil.getInstance().setHeight(200)`, | ||
| 69 | + | ||
| 70 | +Você também pode utilizar `ScreenUtil()` ao invés de `ScreenUtil.getInstance()`, | ||
| 71 | +por exemplo:`ScreenUtil().setHeight(200)` | ||
| 72 | + | ||
| 73 | +**Nota** | ||
| 74 | + | ||
| 75 | +Altura também é adaptada de acordo com o setWidth para garantir que não tenha deformação (quando quiser um quadrado) | ||
| 76 | + | ||
| 77 | +O método setHeight é a principal forma de adaptar a altura, se quiser controlar a altura e a realidade de uma tela na UiUsed quando a mesma for exibida. | ||
| 78 | + | ||
| 79 | +```dart | ||
| 80 | +//Exemplo: | ||
| 81 | +//Retângulo | ||
| 82 | +Container( | ||
| 83 | + width: ScreenUtil.getInstance().setWidth(375), | ||
| 84 | + height: ScreenUtil.getInstance().setHeight(200), | ||
| 85 | + ... | ||
| 86 | + ), | ||
| 87 | + | ||
| 88 | +////Se quiser exibir um quadrado: | ||
| 89 | +Container( | ||
| 90 | + width: ScreenUtil.getInstance().setWidth(300), | ||
| 91 | + height: ScreenUtil.getInstance().setWidth(300), | ||
| 92 | + ), | ||
| 93 | + | ||
| 94 | +``` | ||
| 95 | + | ||
| 96 | +#### Adaptar fonte: | ||
| 97 | +``` dart | ||
| 98 | +//Tamanho da fonte informado, em pixels, a fonte não irá dimensionar respeitando a opção "Tamanho de Fonte" nas configurações de acessibilidade | ||
| 99 | +//(allowFontScaling quando iniciar o ScreenUtil) | ||
| 100 | +ScreenUtil.getInstance().setSp(28) | ||
| 101 | + | ||
| 102 | +//Tamanho da fonte informado,em pixels,a fonte irá dimensionar respeitando a opção "Tamanho de Fonte" nas configurações de acessibilidade | ||
| 103 | +//(Se em algum lugar não seguir a configuração global da propriedade allowFontScaling) | ||
| 104 | +ScreenUtil(allowFontScaling: true).setSp(28) | ||
| 105 | + | ||
| 106 | +//Exemplo: | ||
| 107 | + | ||
| 108 | +Column( | ||
| 109 | + crossAxisAlignment: CrossAxisAlignment.start, | ||
| 110 | + children: <Widget>[ | ||
| 111 | + Text( | ||
| 112 | + 'Minha fonte tem 24px no protótipo de design e não irá mudar com o sistema.', | ||
| 113 | + style: TextStyle( | ||
| 114 | + color: Colors.black, | ||
| 115 | + fontSize: ScreenUtil.getInstance().setSp(24), | ||
| 116 | + )), | ||
| 117 | + Text( | ||
| 118 | + 'Minha fonte tem 24px no protótipo de design e poderá mudar com o sistema.', | ||
| 119 | + style: TextStyle( | ||
| 120 | + color: Colors.black, | ||
| 121 | + fontSize: ScreenUtil(allowFontScaling: true).setSp(24), | ||
| 122 | + )), | ||
| 123 | + ], | ||
| 124 | + ) | ||
| 125 | + | ||
| 126 | + | ||
| 127 | +``` | ||
| 128 | + | ||
| 129 | +#### Outras APIs relacionadas: | ||
| 130 | +```dart | ||
| 131 | + ScreenUtil.pixelRatio //Densidade de pixels do dispositivo | ||
| 132 | + ScreenUtil.screenWidth //Largura da tela do dispositivo | ||
| 133 | + ScreenUtil.screenHeight //Altura da tela do dispositivo | ||
| 134 | + ScreenUtil.bottomBarHeight //Distância segura do rodapé, adequada para botões em tela cheia | ||
| 135 | + ScreenUtil.statusBarHeight //Altura da status bar em pixels, Notch será maior | ||
| 136 | + ScreenUtil.textScaleFactory //Fator de escala da fonte do sistema | ||
| 137 | + | ||
| 138 | + ScreenUtil.getInstance().scaleWidth //Razão entre a largura atual e a largura do protótipo de design em pixels | ||
| 139 | + ScreenUtil.getInstance().scaleHeight //Razão entre a altura atual e a altura do protótipo de design em pixels | ||
| 140 | + | ||
| 141 | +``` | ||
| 142 | + | ||
| 143 | +```dart | ||
| 144 | +//import | ||
| 145 | +import 'package:flutter_screenutil/flutter_screenutil.dart'; | ||
| 146 | + | ||
| 147 | +... | ||
| 148 | + | ||
| 149 | + @override | ||
| 150 | + Widget build(BuildContext context) { | ||
| 151 | + ///Define o tamanho de ajuste (preenche o tamanho da tela do dispositivo no design). Se o design é baseado no tamanho do iPhone6 (iPhone6 750*1334) | ||
| 152 | + ScreenUtil.instance = ScreenUtil(width: 750, height: 1334)..init(context); | ||
| 153 | + | ||
| 154 | + print('Largura do dispositivo:${ScreenUtil.screenWidth}'); //Largura do dispositivo | ||
| 155 | + print('Altura do dispositivo:${ScreenUtil.screenHeight}'); //Altura do dispositivo | ||
| 156 | + print( | ||
| 157 | + 'Densidade de pixels do dispositivo:${ScreenUtil.pixelRatio}'); //Densidade de pixels do dispositivo | ||
| 158 | + print( | ||
| 159 | + 'Distância segura do rodapé:${ScreenUtil.bottomBarHeight}'); //Distância segura do rodapé, adequada para botões em tela cheia | ||
| 160 | + print( | ||
| 161 | + 'Altura da status bar:${ScreenUtil.statusBarHeight}px'); //Altura da status bar em pixels, Notch será maior | ||
| 162 | + print( | ||
| 163 | + 'Razão entre a largura atual e a largura do protótipo de design em pixels:${ScreenUtil.getInstance().scaleWidth}'); | ||
| 164 | + print( | ||
| 165 | + 'Razão entre a altura atual e a altura do protótipo de design em pixels:${ScreenUtil.getInstance().scaleHeight}'); | ||
| 166 | + print( | ||
| 167 | + 'Razão da fonte e largura para o tamanho do design:${ScreenUtil.getInstance().scaleWidth * ScreenUtil.pixelRatio}'); | ||
| 168 | + print( | ||
| 169 | + 'Razão da fonte e altura para o tamanho do design:${ScreenUtil.getInstance().scaleHeight * ScreenUtil.pixelRatio}'); | ||
| 170 | + | ||
| 171 | + return new Scaffold( | ||
| 172 | + appBar: new AppBar( | ||
| 173 | + title: new Text(widget.title), | ||
| 174 | + ), | ||
| 175 | + body: new Center( | ||
| 176 | + child: Column( | ||
| 177 | + crossAxisAlignment: CrossAxisAlignment.center, | ||
| 178 | + children: <Widget>[ | ||
| 179 | + Row( | ||
| 180 | + children: <Widget>[ | ||
| 181 | + Container( | ||
| 182 | + padding: EdgeInsets.all(ScreenUtil.getInstance().setWidth(10)), | ||
| 183 | + width: ScreenUtil.getInstance().setWidth(375), | ||
| 184 | + height: ScreenUtil.getInstance().setHeight(200), | ||
| 185 | + color: Colors.red, | ||
| 186 | + child: Text( | ||
| 187 | + 'Minha largura:${ScreenUtil.getInstance().setWidth(375)}dp', | ||
| 188 | + style: TextStyle( | ||
| 189 | + color: Colors.white, | ||
| 190 | + fontSize: ScreenUtil.getInstance().setSp(12)), | ||
| 191 | + ), | ||
| 192 | + ), | ||
| 193 | + Container( | ||
| 194 | + padding: EdgeInsets.all(ScreenUtil.getInstance().setWidth(10)), | ||
| 195 | + width: ScreenUtil.getInstance().setWidth(375), | ||
| 196 | + height: ScreenUtil.getInstance().setHeight(200), | ||
| 197 | + color: Colors.blue, | ||
| 198 | + child: Text('Minha largura:${ScreenUtil.getInstance().setWidth(375)}dp', | ||
| 199 | + style: TextStyle( | ||
| 200 | + color: Colors.white, | ||
| 201 | + fontSize: ScreenUtil.getInstance().setSp(12))), | ||
| 202 | + ), | ||
| 203 | + ], | ||
| 204 | + ), | ||
| 205 | + Text('Largura do dispositivo:${ScreenUtil.screenWidth}px'), | ||
| 206 | + Text('Altura do dispositivo:${ScreenUtil.screenHeight}px'), | ||
| 207 | + Text('Densidade de pixels do dispositivo:${ScreenUtil.pixelRatio}'), | ||
| 208 | + Text('Distância segura do rodapé:${ScreenUtil.bottomBarHeight}px'), | ||
| 209 | + Text('Altura da status bar:${ScreenUtil.statusBarHeight}px'), | ||
| 210 | + Text( | ||
| 211 | + 'Razão entre a largura atual e a largura do protótipo de design em pixels:${ScreenUtil.getInstance().scaleWidth}', | ||
| 212 | + textAlign: TextAlign.center, | ||
| 213 | + ), | ||
| 214 | + Text( | ||
| 215 | + 'Razão entre a altura atual e a altura do protótipo de design em pixels:${ScreenUtil.getInstance().scaleHeight}', | ||
| 216 | + textAlign: TextAlign.center, | ||
| 217 | + ), | ||
| 218 | + Text( | ||
| 219 | + 'Razão da fonte e largura para o tamanho do design:${ScreenUtil.getInstance().scaleWidth * ScreenUtil.pixelRatio}', | ||
| 220 | + textAlign: TextAlign.center, | ||
| 221 | + ), | ||
| 222 | + Text( | ||
| 223 | + 'Razão da fonte e altura para o tamanho do design:${ScreenUtil.getInstance().scaleHeight * ScreenUtil.pixelRatio}', | ||
| 224 | + textAlign: TextAlign.center, | ||
| 225 | + ), | ||
| 226 | + SizedBox( | ||
| 227 | + height: ScreenUtil.getInstance().setHeight(100), | ||
| 228 | + ), | ||
| 229 | + Text('Fator de escala da fonte do sistema:${ScreenUtil.textScaleFactory}'), | ||
| 230 | + Column( | ||
| 231 | + crossAxisAlignment: CrossAxisAlignment.start, | ||
| 232 | + children: <Widget>[ | ||
| 233 | + Text( | ||
| 234 | + 'Minha fonte tem 24px no protótipo de design e não irá mudar com o sistema.', | ||
| 235 | + style: TextStyle( | ||
| 236 | + color: Colors.black, | ||
| 237 | + fontSize: ScreenUtil.getInstance().setSp(24), | ||
| 238 | + )), | ||
| 239 | + Text( | ||
| 240 | + 'Minha fonte tem 24px no protótipo de design e poderá mudar com o sistema.', | ||
| 241 | + style: TextStyle( | ||
| 242 | + color: Colors.black, | ||
| 243 | + fontSize: ScreenUtil(allowFontScaling: true).setSp(24), | ||
| 244 | + )), | ||
| 245 | + ], | ||
| 246 | + ) | ||
| 247 | + ], | ||
| 248 | + ), | ||
| 249 | + ), | ||
| 250 | + ); | ||
| 251 | + } | ||
| 252 | +``` | ||
| 253 | + | ||
| 254 | +### Exemplo: | ||
| 255 | + | ||
| 256 | +[Demonstração](/example/lib/main_zh.dart) | ||
| 257 | + | ||
| 258 | +Efeito: | ||
| 259 | + | ||
| 260 | + |
-
Please register or login to post a comment