{"id":12522,"date":"2022-10-28T10:00:00","date_gmt":"2022-10-28T01:00:00","guid":{"rendered":"https:\/\/www.gigas-jp.com\/appnews\/?p=12522"},"modified":"2022-10-27T19:34:06","modified_gmt":"2022-10-27T10:34:06","slug":"flutter%e3%81%a7%e6%b0%b4%e5%b9%b3%e6%96%b9%e5%90%91%e3%81%ae%e7%82%b9%e7%b7%9a%e3%82%92%e4%bd%9c%e6%88%90%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95","status":"publish","type":"post","link":"https:\/\/www.gigas-jp.com\/appnews\/archives\/12522","title":{"rendered":"Flutter\u3067\u6c34\u5e73\u65b9\u5411\u306e\u70b9\u7dda\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5"},"content":{"rendered":"\n

Flutter\u3067\u6c34\u5e73\u306e\u30c0\u30c3\u30b7\u30e5\u3084\u70b9\u7dda\u304c\u3046\u307e\u304f\u63cf\u3051\u306a\u3044\u5834\u5408\u306f\u3001\u4ee5\u4e0b\u306e\u4f8b\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n

\u7dda\u3092\u5f15\u304d\u305f\u3044\u3068\u304d\u306f\u3001CustomPaint\u6a5f\u80fd\u3092\u4f7f\u3063\u3066\u3001\u3044\u308d\u3044\u308d\u306a\u7dda\u3092\u63cf\u3044\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n

\u6c34\u5e73\u7dda\u306fCanvas\u4e0a\u3067\u306edrawLine\u3068\u3044\u3046\u6a5f\u80fd\u3067offset\u3092\u8a2d\u5b9a\u3055\u308c\u3001\u63cf\u753b\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n

\u30b3\u30fc\u30c9<\/p>\n\n\n\n

return Scaffold(\n      appBar: AppBar(\n        title: Text(\"Horizontal Dotted\/Dash Line\"), \n        backgroundColor: Colors.blueAccent, \n      ),\n      body: Container(\n        color: Colors.white,\n        height: 150.0, \n        child: Center(\n          child:CustomPaint(painter: DrawDottedhorizontalline()),\n        ),\n      ),\n    );<\/code><\/pre>\n\n\n\n
class DrawDottedhorizontalline extends CustomPainter {\n  late Paint _paint;\n  DrawDottedhorizontalline() {\n    _paint = Paint();\n    _paint.color = Colors.black; \/\/dots color\n    _paint.strokeWidth = 2; \/\/dots thickness\n    _paint.strokeCap = StrokeCap.square; \/\/dots corner edges\n  }\n\n  @override\n  void paint(Canvas canvas, Size size) {\n    for (double i = -300; i < 300; i = i + 15) {\n      \/\/ 15 is space between dots\n      if (i % 2 == 0) {\n        canvas.drawLine(Offset(i, 0), Offset(i + 20, 0.0), _paint);\n      }\n    }\n  }\n\n  @override\n  bool shouldRepaint(CustomPainter oldDelegate) {\n    return false;\n  }\n}<\/code><\/pre>\n\n\n\n
\u7d50\u679c<\/p>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
\u91d1\u66dc\u62c5\u5f53 \u2013 Ami<\/p>\n
\n            
<\/g:plusone><\/div>\n            
 \"\u3053\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u3092\u306f\u3066\u306a\u30d6\u30c3\u30af\u30de\u30fc\u30af\u306b\u8ffd\u52a0\"<\/a>