jsp13270124

Flutter StatelessWidget，StatefulWidget和它们的生命周期函数

这个转自我自己的有道云想看图片去那里

文档：Day3_2 StatelessWidget 和 StatefulWi…
链接：http://note.youdao.com/noteshare?id=71abe63a08ed806e44911f636b452b44&sub=AC2B27FCC2AA41FE86AB93B15475B063

StatelessWidget 和 StatefulWidget

StatelessWidget 的案例
StatefulWidget 的案例
StatefulWidget的生命周期

1. StatelessWidget

我们经过之前的练习知道了，这个东西是无状态的Widget, 他的数据是不能变的

StatelessWidget练习

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rzraKNvW-1583548791492)(4DAC89A36141444591BDE15A137B9CC5)]

我们从头写起

import 'package:flutter/material.dart';

main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container();
  }
}

然后把框架搭好

我们发现直接写extends StatelessWidget速度太慢，所以这里可以使用一个快速的写法
我们写出stl 然后回车就可以快速打出对应的继承代码
但是我们要使用material的样式而且要展示home界面所以需要这样嵌套

Scaffold 这个东西就像Android中的Activity 是一样的

import 'package:flutter/material.dart';

main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: HYHomePage()
    );
  }
}

class HYHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("StatelessWidget练习")
      ),
      body: HYHomeList(),
    );
//    注意这里和java 那些东西不一样需要加分号
  }
}

class HYHomeList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ;
  }
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IQuy2NTk-1583548791494)(D1785F6E751A4EA58D078E59808124EE)]

然后我们观察这个项目的结构

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hHjZXyaw-1583548791496)(93E9474DD60046048B3C898ACE94CA6F)]

我们先写出框架

因为我们这里是从上往下放多个所以这里是Column
如果是放多个就是children, 放一个就是child

import 'package:flutter/material.dart';

main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: HYHomePage()
    );
  }
}

class HYHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("StatelessWidget练习")
      ),
      body: HYHomeList(),
    );
//    注意这里和java 那些东西不一样需要加分号
  }
}

class HYHomeList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text("hahah"),
        Text("hahha"),
        Text("hahaha")
      ],
    );
  }
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TTcdlZnL-1583548791496)(4187A953B1F14A46AFDD2E12ECFEA8C6)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HIOeRhl7-1583548791497)(93E9474DD60046048B3C898ACE94CA6F)]

这个里面也是一个Column

HYHomeListItem 的设计

因为这个很明显，他需要显示不同的内容
我们flutter是一个面向对象的语言

所以我们的Widget可以设置成要传参数的那种

import 'package:flutter/material.dart';

main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: HYHomePage()
    );
  }
}

class HYHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("StatelessWidget练习")
      ),
      body: HYHomeList(),
    );
//    注意这里和java 那些东西不一样需要加分号
  }
}

class HYHomeList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        HYHomeListItem("title", "desc", "https://www.lianaiyx.com/d/file/GalGame/2019-04-22/b0201606065bcdad3159cd02c9199a01.jpg"),
        HYHomeListItem("title", "desc", "https://www.lianaiyx.com/d/file/GalGame/2019-07-27/c4d6ea4d8c51e0aa3c750aed13913a1b.jpg"),
        HYHomeListItem("title", "desc", "https://www.lianaiyx.com/d/file/celve/2019-03-04/55ce1f75dac4b12a4aae1ec691b83400.jpg")
      ],
    );
  }
}


class HYHomeListItem extends StatelessWidget {
  final String title;
  final String desc;
  final String imageURL;

  HYHomeListItem(this.title, this.desc, this.imageURL);

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text(title),
        Text(desc),
        Image.network(imageURL)
      ],
    );
  }
}

所以这个里面也是item Widget

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vG7qnv4P-1583548791497)(70C3F731820246E7ADC926AA5AE6A1C2)]

但是下面报错了

A RenderFlex overflowed by 285 pixels on the bottom.

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8uKNOSol-1583548791498)(2C12B763EB14423AA00843860FD9CEC9)]

意思是说超出了，我们的Widget超出了屏幕的范围

我们换用ListView代替最外面的Column，让最外面可以滚动这个问题就可以解决了

import 'package:flutter/material.dart';

main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: HYHomePage()
    );
  }
}

class HYHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("StatelessWidget练习")
      ),
      body: HYHomeList(),
    );
//    注意这里和java 那些东西不一样需要加分号
  }
}

class HYHomeList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ListView(
      children: [
        HYHomeListItem("title", "desc", "https://www.lianaiyx.com/d/file/GalGame/2019-04-22/b0201606065bcdad3159cd02c9199a01.jpg"),
        HYHomeListItem("title", "desc", "https://www.lianaiyx.com/d/file/GalGame/2019-07-27/c4d6ea4d8c51e0aa3c750aed13913a1b.jpg"),
        HYHomeListItem("title", "desc", "https://www.lianaiyx.com/d/file/celve/2019-03-04/55ce1f75dac4b12a4aae1ec691b83400.jpg")
      ],
    );
  }
}


class HYHomeListItem extends StatelessWidget {
  final String title;
  final String desc;
  final String imageURL;

  HYHomeListItem(this.title, this.desc, this.imageURL);

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text(title),
        Text(desc),
        Image.network(imageURL)
      ],
    );
  }
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-K1Vlbhnt-1583548791499)(0D7949F3C6174E9CA7E2DAFCA985B5A3)]

但是如果我们不希望你居中

这个时候我们可以设置itemWidget中的Column交叉轴属性

但是这个不是一般的做法

class HYHomeListItem extends StatelessWidget {
  final String title;
  final String desc;
  final String imageURL;

  HYHomeListItem(this.title, this.desc, this.imageURL);

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.end,
      children: [
        Text(title),
        Text(desc),
        Image.network(imageURL)
      ],
    );
  }
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6Kp0vHDe-1583548791499)(CEB3740EDFFA40BFBC904B41995AF078)]

这样我们就可以居左居右了

但是如果你想title居左 desc居右那我们就需要在里面再嵌入Row让里面的东西可以自行设置他的居左居右
注意这个Row是占据一整行的

这个就是一般做法

class HYHomeListItem extends StatelessWidget {
  final String title;
  final String desc;
  final String imageURL;

  HYHomeListItem(this.title, this.desc, this.imageURL);

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.end,
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            Text(title),
          ],
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.end,
          children: [
            Text(desc),
          ],
        ),
        Image.network(imageURL)
      ],
    );
  }
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5E7i9OH3-1583548791500)(42F45FFB5A8F4AAF97CBB0D7B7292AFC)]

调整样式

class HYHomeListItem extends StatelessWidget {
  final String title;
  final String desc;
  final String imageURL;

  HYHomeListItem(this.title, this.desc, this.imageURL);

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.end,
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            Text(title, style: TextStyle(fontSize: 30, color: Colors.red),),
          ],
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.end,
          children: [
            Text(desc, style: TextStyle(fontSize: 20, color: Colors.blue)),
          ],
        ),
        Image.network(imageURL)
      ],
    );
  }
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OSjgRgGM-1583548791500)(53C41C5F1A61452CA6364E5469558B1E)]

设置外边距

然后我如果希望这些Widget间有些间距的话我们可以使用SizedBox

一般来说如果我们使用的是html那种东西的话，我们因该是设置类似于margin-top 之类的东西
但是在flutterz中我们没有这种东西
所以我们为了撑高度使用的是SizedBox(height: number)
如果想要左右边距的话我们使用Alignment就可以了

因为flutter中万物皆Widget所以margin 这种也是属于Widget的(当然有些是属于widget的属性的)

class HYHomeList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ListView(
      children: [
        HYHomeListItem("title", "desc", "https://www.lianaiyx.com/d/file/GalGame/2019-04-22/b0201606065bcdad3159cd02c9199a01.jpg"),
        SizedBox(height: 10),
        HYHomeListItem("title", "desc", "https://www.lianaiyx.com/d/file/GalGame/2019-07-27/c4d6ea4d8c51e0aa3c750aed13913a1b.jpg"),
        SizedBox(height: 10),
        HYHomeListItem("title", "desc", "https://www.lianaiyx.com/d/file/celve/2019-03-04/55ce1f75dac4b12a4aae1ec691b83400.jpg")
      ],
    );
  }
}


class HYHomeListItem extends StatelessWidget {
  final String title;
  final String desc;
  final String imageURL;

  HYHomeListItem(this.title, this.desc, this.imageURL);

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.end,
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            Text(title, style: TextStyle(fontSize: 30, color: Colors.red),),
          ],
        ),
        SizedBox(height: 8),
        Row(
          mainAxisAlignment: MainAxisAlignment.end,
          children: [
            Text(desc, style: TextStyle(fontSize: 20, color: Colors.blue)),
          ],
        ),
        SizedBox(height: 8),
        Image.network(imageURL)
      ],
    );
  }
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NhdSW4xF-1583548791501)(F5D7CDE5D2364A4DB592BAC917707F2F)]

设置内边距

如果我们觉得这个东西挨着边框不好看

那么我们可以设置他的padding

这个东西padding: EdgeInsets.all(8) 直接在ListView上面加

class HYHomeList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ListView(
      padding: EdgeInsets.all(8),
      children: [
        HYHomeListItem("title", "desc", "https://www.lianaiyx.com/d/file/GalGame/2019-04-22/b0201606065bcdad3159cd02c9199a01.jpg"),
        SizedBox(height: 10),
        HYHomeListItem("title", "desc", "https://www.lianaiyx.com/d/file/GalGame/2019-07-27/c4d6ea4d8c51e0aa3c750aed13913a1b.jpg"),
        SizedBox(height: 10),
        HYHomeListItem("title", "desc", "https://www.lianaiyx.com/d/file/celve/2019-03-04/55ce1f75dac4b12a4aae1ec691b83400.jpg")
      ],
    );
  }
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-d1KU53zu-1583548791502)(435875AA074941298D05F5D119E78BE3)]

设置边框

然后我们觉得这个还是有一个边框比较好

这个东西因该加在item上面但是item没有这个属性

边框这个东西需要Container来设置，其实就是一个普通的Widget
因为Column是装多个widget给他设置border肯定不合适
这里我们使用alt + enter 加上container包裹的快捷键
然后设置Container的border

class HYHomeListItem extends StatelessWidget {
  final String title;
  final String desc;
  final String imageURL;

  HYHomeListItem(this.title, this.desc, this.imageURL);

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.all(8),
      decoration: BoxDecoration(
        border: Border.all(
          width: 5,
          color: Colors.red
        ),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.end,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.start,
            children: [
              Text(title, style: TextStyle(fontSize: 30, color: Colors.red),),
            ],
          ),
          SizedBox(height: 8),
          Row(
            mainAxisAlignment: MainAxisAlignment.end,
            children: [
              Text(desc, style: TextStyle(fontSize: 20, color: Colors.blue)),
            ],
          ),
          SizedBox(height: 8),
          Image.network(imageURL)
        ],
      ),
    );
  }
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ifyRVLwW-1583548791502)(7C13287C51C046158B01D00FF54A0653)]

StatalessWidget完整代码

import 'package:flutter/material.dart';

main() => runApp(MyApp());

//直接写效率太低了
//我们直接敲stl就会生成对应的代码
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home: HYHomePage(),
//      这个就是一启动显示的页面
    );
  }
}

class HYHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
          title: Text("商品列表")
      ),
      body: HYHomeContent(),
    );
  }
}

class HYHomeContent extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
//    现在只是想回顾一下这个StatelessWidget
    return ListView(
//      要放多个 所以是children 不是 child
      children: [
//        我们因该在里面放商品数据
//      The specific RenderFlex in question is: RenderFlex#af73a relayoutBoundary=up1 OVERFLOWING
//      这个是操作布局边界 希望让它变成可滚动的区域
        HYHomeProductItem("title", "desc", "https://www.lianaiyx.com/d/file/GalGame/2019-04-22/b0201606065bcdad3159cd02c9199a01.jpg"),
        SizedBox(height: 6),
        HYHomeProductItem("title", "desc", "https://www.lianaiyx.com/d/file/GalGame/2019-07-27/c4d6ea4d8c51e0aa3c750aed13913a1b.jpg"),
        SizedBox(height: 6),
        HYHomeProductItem("title", "desc", "https://www.lianaiyx.com/d/file/GalGame/2019-03-05/6c815fb726391c117d1d6b0a126fa643.jpg"),
      ],
    );
  }
}

//我们使用同一个Widget但是我们希望展示的东西是不一样的
//
class HYHomeProductItem extends StatelessWidget {
  final String title;
  final String desc;
  final String imageURL;

  final style1 = TextStyle(fontSize: 25, color: Colors.orange);
  final style2 = TextStyle(fontSize: 20, color: Colors.green);
  HYHomeProductItem(this.title, this.desc, this.imageURL);

  @override
  Widget build(BuildContext context) {

//    我们现在想要设计一个边框
//    如果想要包裹一个widget我们可以使用alt + enter
    return Container(
//      如果我们希望和里面的东西有一个内边距
      padding: EdgeInsets.all(12),
//      decoration这个东西是一个抽象类
      decoration: BoxDecoration(
//        ctrl + alt + B 就可以看到它的实现类
          border: Border.all(
//          这个东西就是设置边框的宽度
              width: 5,
//          设置边框颜色
              color: Colors.black12
//            这个12是一个透明度的意思
          )
      ),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.end,
//        但是实际上我们因该通过 交叉轴而是在里面嵌套 Row然后在里面
        children: [
//          我们想要居右
//          , textAlign: TextAlign.right 这个没有用 文本是包裹内容的所以居左居右
//        这个东西是Column所以我们设置的是它的交叉轴
          Row(
            mainAxisAlignment: MainAxisAlignment.end,
            children: [
              Text(title, style: style1, textAlign: TextAlign.right),
            ],
          ),
//        flutter没有margin-top之类的东西所以
          SizedBox(height: 8),
          Row(
            children: [
              Text(desc, style: style2),
            ],
          ),
//        这个八个像素 但是是和设备有关系
//      后面
//        如果是想要左右边距离的话Alignmen就可以了
          SizedBox(height: 8),
          Row(
            children: [
              Image.network(imageURL)
            ],
          )
        ],
      ),
    );
  }
}

2. StatefulWidget的使用示例

为什么flutter在设计的时候StatefulWidget的build方法放在State中
1. build出来的Widget是需要以来State中的变量(状态)
2. flutter运行过程中Widget是不断销毁创建的 Element-Render-Object
当时我们状态发生改变的时候，并不希望创建一个新的State

所以我们呢才会将StatefulWidget和State实现类分离

实例

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZVuEUKM7-1583548791502)(1FF62F62A746427D8D1194B6D6714C51)]

首先我们搭建出平台

import "package:flutter/material.dart";

main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return HYHomePage();
  }
}

class HYHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HYHomeContent(),
    );
  }
}

class HYHomeContent extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("statefulWidget示例"),
      ),
      body: Text("test")
    );
  }
}

如果我们要做计数器很明显我们需要具有状态的Widget

所以就需要用StatefulWidget

import "package:flutter/material.dart";

main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HYHomePage(),
    );
  }
}

class HYHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("statefulWidget示例"),
      ),
      body: Text("test")
    );
  }
}

class HYHomeContent extends StatefulWidget {
  @override
  _HYHomeContentState createState() => _HYHomeContentState();
}

class _HYHomeContentState extends State {
  @override
  Widget build(BuildContext context) {
    return Container();
  }
}

然后就是结构和StatelessWidget不同是的我们的渲染的框架是在继承StatefulWidget, 因该是写在State里面

import "package:flutter/material.dart";

main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HYHomePage(),
    );
  }
}

class HYHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("statefulWidget示例"),
      ),
      body: Center(child:HYHomeContent())
    );
  }
}

class HYHomeContent extends StatefulWidget {
  @override
  _HYHomeContentState createState() => _HYHomeContentState();
}

class _HYHomeContentState extends State {
  int _counter = 0;

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            RaisedButton(
              color: Colors.red,
              child: Text("+", style: TextStyle(color: Colors.white)),
              onPressed: () {

              },
            ),
            RaisedButton(
              color: Colors.green,
              child: Text("-", style: TextStyle(color: Colors.white)),
              onPressed: () {

              },
            )
          ],
        ),
        Text("counter: $_counter")
      ],
    );
  }
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TshD7TJE-1583548791503)(236D8204F87B4A6283A0CD5579F74810)]

但是我们直接改变变量的值还是不行的

我们必须要调用setState刷新
这个东西就是调用刷新页面的意思，所以你如果把变量的改变写在前面写在后面都是一样的
再强调一遍私有属性是会加_ 加了只有这个变量就会只属于这个库
这个注意这里如果要分离State的作为一个新的widget则是是需要将我们的函数作为闭包传过去然后在那边调用

import "package:flutter/material.dart";

main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HYHomePage(),
    );
  }
}

class HYHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("statefulWidget示例"),
      ),
      body: Center(child:HYHomeContent())
    );
  }
}

class HYHomeContent extends StatefulWidget {
  @override
  _HYHomeContentState createState() => _HYHomeContentState();
}

class _HYHomeContentState extends State {
  int _counter = 0;

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            RaisedButton(
              color: Colors.red,
              child: Text("+", style: TextStyle(color: Colors.white)),
              onPressed: () {
                ++_counter;
                setState(() {

                });
              },
            ),
            RaisedButton(
              color: Colors.green,
              child: Text("-", style: TextStyle(color: Colors.white)),
              onPressed: () {
                setState(() {
                  --_counter;
                });
              },
            )
          ],
        ),
        Text("counter: $_counter")
      ],
    );
  }
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fvcLFTYQ-1583548791503)(6C3739A610094A2F8631AC662BDBC587)]

我们看到源码里面其实它也是在setState里面调了传进去的参数的

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aTQ4ALCN-1583548791504)(04E6A1BEBEDD4139A8BCC168D705E8AD)]

指向StatefulWidget的指针

还有如果你想要再StatefulWidget中传参数然后再后面展示

可以再传的方式也可以用state指向StatefulWidget对象的指针来实现这个功能

class HYHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("statefulWidget示例"),
      ),
      body: Center(child:HYHomeContent("传递的参数"))
    );
  }
}

class HYHomeContent extends StatefulWidget {
  final String message;

  HYHomeContent(this.message);

  @override
  _HYHomeContentState createState() => _HYHomeContentState();
}

class _HYHomeContentState extends State {
  int _counter = 0;

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            RaisedButton(
              color: Colors.red,
              child: Text("+", style: TextStyle(color: Colors.white)),
              onPressed: () {
                ++_counter;
                setState(() {

                });
              },
            ),
            RaisedButton(
              color: Colors.green,
              child: Text("-", style: TextStyle(color: Colors.white)),
              onPressed: () {
                setState(() {
                  --_counter;
                });
              },
            )
          ],
        ),
        Text("counter: $_counter ${widget.message}")
      ],
    );
  }
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tKOKjZkB-1583548791505)(79250287C7004999B1970578F4AACF0D)]

3. StatfulWidget和StatelessWidget的生命周期函数

生命周期函数也被称为“hook” “钩子函数”
其主要功能就是在程序运行到指定位置时进行回调
生命周期函数的功能
1. 初始化一些数据, 变量, 状态
2. 发送网络请求
3. 监听组件中的事件 controller 添加监听事件(滚动事件)
4. 管理内存：一些定时器-controller手动进行销毁

StatelessWidget的生命周期函数很简单

主要就是StatelessWidget构造函数和build函数

其实就是没有专门的生命周期函数，因为它没有状态，所以它也简单的多

import "package:flutter/material.dart";

main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HYHomePage()
    );
  }
}

class HYHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("title")
      ),
      body: HYHomeContent()
    );
  }
}

class HYHomeContent extends StatelessWidget {

  HYHomeContent() {
    print("HYHomeContent 构造函数执行");
  }

  @override
  Widget build(BuildContext context) {
    print("HYHomeConten build函数执行");
    return Text("content");
  }
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XxPaQwMg-1583548791505)(530E35C0AA264130B6EC3915933ECDE0)]

StatefulWidget的生命周期函数

重要

先建立一个简单的StatefulWidget

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ip2UwgJp-1583548791505)(5CF4FCB23BB740C7A6855B909120D2CB)]

import "package:flutter/material.dart";

main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HYHomePage()
    );
  }
}

class HYHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("StatefulWidget的生命周期函数")
      ),
      body: HYHomeContent()
    );
  }
}

class HYHomeContent extends StatefulWidget {
  @override
  _HYHomeContentState createState() => _HYHomeContentState();
}

class _HYHomeContentState extends State {
  int _counter = 0;

//  如果我们想要拆分这个东西因该怎么办
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        RaisedButton(
          child: Text("+"),
          onPressed: () {
            setState(() {
              _counter++;
            });
          },
        ),
        Text("counter: $_counter")
      ],
    );
  }
}

然后将生命周期函数写上去

StatefulWidget子类的构造方法
StatefulWidget子类的createState方法
State子类的构造方法
State子类的initState方法
State子类的build方法
State子类的dispose方法

import "package:flutter/material.dart";

main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HYHomePage()
    );
  }
}

class HYHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("StatefulWidget的生命周期函数")
      ),
      body: HYHomeContent()
    );
  }
}

class HYHomeContent extends StatefulWidget {
  HYHomeContent() {
    print("1. 调用HYHomeContent的构造函数");
  }

  @override
  _HYHomeContentState createState() {
    print("2. 调用HYhomeContent的createState方法");
    return _HYHomeContentState();
  }
}

class _HYHomeContentState extends State {
  int _counter = 0;

  _HYHomeContentState() {
    print("3. 调用_HYHomeContentState的构造函数");
  }

  @override
  void initState() {
    // TODO: implement initState
    print("4. 调用_HYHomeContentState的initState方法");
//    下面这个必须写
    super.initState();
  }

//  如果我们想要拆分这个东西因该怎么办
  @override
  Widget build(BuildContext context) {
    print("5.  调用_HYHomeContentState的build方法");
    return Column(
      children: [
        RaisedButton(
          child: Text("+"),
          onPressed: () {
            setState(() {
              _counter++;
            });
          },
        ),
        Text("counter: $_counter")
      ],
    );
  }

  @override
  void dispose() {
    // TODO: implement dispose
    print("6. 调用_HYHomeContentState的dispose方法");
    super.dispose();
  }
}

后面这个反复调用是Android Studio 的bug, vscode就没有

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mqD1bPq3-1583548791506)(B0C29EE84CBF40A4B8090FBCF3943420)]

在我们点击+以后会不停的调用build
这个过程其实也就是不停重建Widget过程
这个也是验证了Widget是不停的销毁和创建的

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1dshXOXz-1583548791506)(F25C1882E1ED4A8DB29BD6B0A6EFAEA8)]

还有一些其他的生命周期函数那些不是很常用但是还是需要知道

import "package:flutter/material.dart";

main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HYHomePage()
    );
  }
}

class HYHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("StatefulWidget的生命周期函数")
      ),
      body: HYHomeContent()
    );
  }
}

class HYHomeContent extends StatefulWidget {
  HYHomeContent() {
    print("1. 调用HYHomeContent的构造函数");
  }

  @override
  _HYHomeContentState createState() {
    print("2. 调用HYhomeContent的createState方法");
    return _HYHomeContentState();
  }
}

class _HYHomeContentState extends State {
  int _counter = 0;

  _HYHomeContentState() {
    print("3. 调用_HYHomeContentState的构造函数");
  }

  @override
  void initState() {
    // TODO: implement initState
    print("4. 调用_HYHomeContentState的initState方法");
//    下面这个必须写
    super.initState();
  }

  @override
  void didUpdateWidget(HYHomeContent oldWidget) {
    // TODO: implement didUpdateWidget
    print("调用——HYHomeContentState的didUpdateWidget方法");
    super.didUpdateWidget(oldWidget);
  }

  @override
  void didChangeDependencies() {
    // TODO: implement didChangeDependencies
    //    這個數據依賴一些東西的時候 依賴的東西改變了就會調用
//    就是裏面的東西 假如依賴了 InheritedWidget的message 假如這個改變了
//  就會調用didChangeDependecies
    print("调用_HYHomeContenState的didChangeDepancies");
    super.didChangeDependencies();
  }

//  如果我们想要拆分这个东西因该怎么办
  @override
  Widget build(BuildContext context) {
    print("5.  调用_HYHomeContentState的build方法");
    return Column(
      children: [
        RaisedButton(
          child: Text("+"),
          onPressed: () {
            setState(() {
              _counter++;
            });
          },
        ),
        Text("counter: $_counter")
      ],
    );
  }

  @override
  void dispose() {
    // TODO: implement dispose
    print("6. 调用_HYHomeContentState的dispose方法");
    super.dispose();
  }
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WtZcALT6-1583548791507)(B51E30A28D63489492042D24E7DF0BA4)]

你可能感兴趣的:(flutter)

最详细的Dart Flutter3.X入门实战系列教程完整版，学习Flutter建议收藏！ yuanlaile 学习 flutter
最详细的DartFlutter3.X入门实战系列教程完整版，学习Flutter建议收藏！要学Flutter的话我们必须首先得会Dart。Dart教程全套学习地址（共16课时），教程总学习时长为6小时左右：01Dart介绍WinMac上面分别搭建Dart环境开发工具配置以及运行DartDart教程详细内容介绍：一、Dart介绍WinMac上面分别搭建Dart环境开发工具配置以及运行Dart1、Dar
Google 跨平台方案 Flutter 从入门到实战 2401_84121603 程序员 flutter
printNumber(numaNumber){print(‘Thenumberis$aNumber.’);//控制台打印}//启动方法，类似于java的main函数main(){varnumber=42;printNumber(number);}我们可以以看到一下几点：能赋值给变量的所以东西都是对象，包括numbers,null,function,都是继承自Object内置类尽量给变量定义一个类
Android的Manifest配置文件介绍，30分钟轻松入门flutter 笃孟夏雨程序员 android flutter gitee
一、关于AndroidManifest.xmlAndroidManifest.xml是每个android程序中必须的文件。它位于整个项目的根目录，描述了package中暴露的组件（activities,services,等等），他们各自的实现类，各种能被处理的数据和启动位置。除了能声明程序中的Activities,ContentProviders,Services,和IntentReceivers
flutter打包Android的release包报错解决 GeniuswongAir flutter
Flutter如果平时开发一直使用debug模式，来跑Android应用的话，那么到最后打release包，就很容易出现问题；我这次遇到一个问题：打完release包后，没有什么报错，App也能正常打开，但是很多第三方库都不能用，控制台输出找不到对应的Plugin，网上很多都说混淆没配置什么的，其实第三方包里面都有配置，根本不需要我们再配置。解决办法：新建Flutter工程，把代码、第三方库挪过来
flutter引入高德地图_Flutter接入高德地图后运行报错耀答案 flutter引入高德地图
1、flutter开发接入高德地图包后运行报下面错误信息fatalerror:'simple_permissions/simple_permissions-Swift.h'filenotfound运行在iPhone手机时出现以下错误信息：===BUILDTARGETurl_launcherOFPROJECTPodsWITHCONFIGURATIONDebug===/Users/bobo/flutt
Flutter APP开发学习记录: flutter_swiper轮播图叮小黑 flutter 学习
说点儿闲话大部分app都有轮播图，一般是展示一些新闻公告通知等图片，在flutter最强大的siwiper,多种布局方式，无限轮播，Android和IOS双端适配，github：flutter_swiper使用：加载图片一般是从本地代码中或者使用网络图片，那么，首先将资源添加到项目的pubspec.yaml文件中(更多细节请参阅Assetsandimages)：flutter:assets:-im
FLUTTER 开发资料集(持续更新) ssslar flutter flutter
官网https://docs.flutter.dev/PLUGINhttps://docs.flutter.dev/packages-and-plugins/developing-packages渲染iOSPlatformViewhttps://docs.flutter.dev/platform-integration/ios/platform-viewsAndroidSurfaceTexture
【flutter版本升级】【Nativeshell适配】nativeshell需要做哪些更改 allanGold Flutter flutter nativeshell
flutter从3.13.9升级：3.27.2nativeshell组合库中的1、nativeshell_build库替换为github上的最新代码可以解决两个问题：一个是arg("--ExtraFrontEndOptions=--no-sound-null-safety")在新版flutter中这个构建参数不支持了导致的build错误（即内核build错误）一个是bin/cache/artifa
Flutter开发：iOS 14+系统的iPhone在debug模式下运行App报错的解决方法三掌柜666 Flutter开发 flutter
今天博主30岁生日，在这个特殊的时刻，一定要发一篇文章做纪念，人生能有几个30年，继续加油向前了。前言前段时间在做一个Flutter相关的App开发的时候，iPhone手机在连接Mac电脑，然后运行VSCode启动Flutter程序，然后可以正常安装到手机上，但是安装之后更新了手机的系统，而且手机系统更新到最新的iOS14.4，然后重新打开手机里面安装的Flutter程序，然后遇到了程序启动问题，
一个上亿用户的电商平台的架构设计北京小太阳 java 算法
一.总体架构Listitem客户端层(ClientLayer)Web客户端：使用现代前端框架（如React,Angular,Vue.js）开发响应式网页，保证在不同设备上的良好用户体验。移动客户端：开发iOS和Android原生应用，利用平台特性提供优质用户体验。或者使用ReactNative或Flutter等跨平台框架来节省开发成本。2.API层(APILayer)API设计：设计RESTful
如何实现分页相关功能 talk_8 一起Talk Flutter吧移动开发Flutter
文章目录1概念介绍2使用方法3示例代码我们在上一章回中介绍了如何屏蔽事件关的内容,本章回中将介绍PageViewWidget.闲话休提，让我们一起TalkFlutter吧。1概念介绍我们在这里介绍的PageView是指左右滑动或者上下滑动显示不同的页面，Flutter把它封装成了独立的Widget。如果有看官们会Android编程的话，就会发现它的功能和ViewPage以及ViewPage2的功能
PageView组件的功能和用法 talk_8 一起Talk Flutter吧移动开发Flutter
文章目录1概念介绍2使用方法3示例代码我们在上一章回中介绍了如何屏蔽事件关的内容,本章回中将介绍PageViewWidget.闲话休提，让我们一起TalkFlutter吧。1概念介绍我们在这里介绍的PageView是指左右滑动或者上下滑动显示不同的页面，Flutter把它封装成了独立的Widget。如果有看官们会Android编程的话，就会发现它的功能和ViewPage以及ViewPage2的功能
Flutter Platform Widgets 使用指南萧崧锟
FlutterPlatformWidgets使用指南flutter_platform_widgetsTargetthespecificdesignofMaterialforAndroidandCupertinoforiOSwidgetsthroughacommonsetofPlatformawarewidgets项目地址:https://gitcode.com/gh_mirrors/fl/flut
pub.flutter.org 国内镜像站 allanGold Flutter
直接可访问的站点：https://pub.flutter-io.cnwindows设备系统属性->高级->环境变量：添加下面中的某一对mac设备UsingFlutterinChinaTheFluttercommunityhasmadeaSimplifiedChineseversionoftheFlutterwebsiteavailableathttps://flutter.cn.Ifyou’dli
【Flutter原理】平台视图系列问题分析 2401_84520401 程序员 flutter
其实上面几种情况，通过之前的文章原理分析，也能知道结果，本文将通过实际案例来分析不同场景下的处理方式。widgettree中多个PlatformView不重叠话不多说我们首先来看同一个FlutterUI显示多个PlatformView，不重叠的情况是什么样的UI效果：通过LayoutInspect我们可以很清晰的看到，在HybridComposition模式下的PlatformView就是通过Fl
Flutter开篇封装TabBar 天方夜歌 OC React Native Flutter
小萌是从事iOS开发的，最近flutter火的不行，领导要求新的项目使用flutter，节约时间成本，学了一段时间的flutter，从今天开始正式开始Flutter开发新的项目开篇就是创建项目，搭建基本框架，tabbar和appbar的封装话不多说，直接上主要的代码，下载地址https://github.com/shuilanjianyue/flutter_tab_bar_demo/tree/ma
Flutter环境搭建过程中出现报错：not a valid identifier 北方人深漂 iOS flutter
Mac系统终端命令行报错：notavalididentifier-bash:export:`/usr/local/bin:/usr/local/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin':notavalididentifierMacBook-Pro:~yintian$bash解决方案：以下方案均在终端执行1.exportPATH=/usr/b
Flutter：APP底部tabbar搭建 sunly_ Flutter flutter javascript 开发语言
main.dartimport'package:flutter/material.dart';import'package:weixin_demo/root_page.dart';voidmain(){runApp(constApp());}classAppextendsStatelessWidget{constApp({super.key});@overrideWidgetbuild(Build
Flutter 封装AppBar Spy97 Flutter flutter
在微信中，有4项：聊天、联系人、发现、我的其中前3项的appbar相同“我的”一项没有appbar，所以要对其进行封装import'package:flutter/material.dart';_popupMenuItem(Stringtitle,IconDataicon){returnPopupMenuItem(child:Row(children:[Padding(child:Icon(ico
Mac上Flutter开发环境搭建 Coder Leo Wang Mobile App flutter
安装DartSDKbrewtapdart-lang/dartbrewinstalldart配置VSCode安装Dart、CodeRunner插件下载FlutterSDK解压FlutterSDK压缩包到目标路径配置flutter的PATH环境变量比如我的，在.zshrc文件中增加下面一行：exportPATH="$PATH:/Users/wlm/workspace/development/flutt
ProgressIndicator类组件的用法 talk_8 一起Talk Flutter吧移动开发Flutter
文章目录1.概念介绍2使用方法3示例代码我们在上一章回中介绍了浮动按钮相关的内容，,本章回中将介绍进度条相关的Widget,闲话休提，让我们一起TalkFlutter吧。1.概念介绍进度条是常用的组件之一，它主要用来显示某种动作的完成进度。Flutter提供了多种进度条组件，常用的是水平进度条：LinearProgressIndicator；圆形进度条:CircularProgressIndica
flutter 解决 Running Gradle task ”assembleDebug“ 赖某 Flutter flutter android studio
前提时间：2020-08-0100:00:00AndroidStudio配置好模拟器运行的时候在RunningGradletask”assembleDebug“始终不会变化flutterdoctor的环境基本没有问题照着官网，去配置flutter，环境变量等，然后执行命令flutterdoctor#它会检查插件SDK等环境，尽量保证无打叉这时候在AndroidStudio的考虑下，因为照着flut
Flutter：进步器，数量加减简单使用 sunly_ Flutter flutter
封装组件import'package:ducafe_ui_core/ducafe_ui_core.dart';import'package:flutter/cupertino.dart';import'../index.dart';///数量编辑classQuantityWidgetextendsStatelessWidget{//数量发送改变finalFunction(intquantity)o
flutter在使用gradle时的加速 LuiChun flutter
当我使用了一些过时的插件的时候，遇到了一些问题比如什么namespace问题等，因为有些插件库没有更新了，或者最新版本处于测试阶段于是我就删除这些旧插件(不符合我要求的插件)于是根据各论坛的解决方法去做了以下的工作1:项目中删除了这些插件2:项目中删除了这些引用3:删除了gradle的缓存4:更换了新版本的gradle的版本5:清除flutter缓存6:重新下载构建插件7:运行后报错这个办法居然行
Flutter项目和鸿蒙平台的通信 GY-93 Harmony OS Flutter flutter harmonyos
Flutter项目和鸿蒙平台的通信前言Flutter和Harmonyos通信MethodChannelBasicMessageChannelEventChannel前言大家在使用Flutter开发项目的时候，Flutter提供了PlatfromChannelAPI来和个个平台进行交互。Flutter官方目前提供了一下三种方式来和个个平台交互：BasicMessageChannel：用于传递字符串和
Flutter使用Ohos原生组件的方法六号嘉宾 OpenHarmony 鸿蒙开发移动开发 flutter harmonyos 移动开发鸿蒙开发 ArkUI 跨端开发组件化
往期学习笔录：鸿蒙（HarmonyOS）北向开发知识点记录~鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……Flutter中有些功能使用原生组件包装会更简
Flutter中的异步和多进程 flutter
Flutter是一个用于创建高性能、高保真度移动应用的框架，它使用Dart编程语言。在Flutter中，异步和多进程是两种不同的概念，用于解决不同的问题。异步(Asynchronous)异步编程是一种编程范式，允许代码在等待操作完成（如网络请求、文件I/O）时继续执行其他任务，而不是阻塞主线程。Dart是单线程执行的，但它提供了异步编程的方式，主要通过Future和StreamAPI，以及asyn
鸿蒙Flutter实战：15-Flutter引擎Impeller鸿蒙化、性能优化与未来星释鸿蒙 Flutter 实战鸿蒙 flutter harmonyos
Flutter技术原理Flutter是一个主流的跨平台应用开发框架，基于Dart语言开发UI界面，它将描述界面的Dart代码直接编译成机器码，并使用渲染引擎调用GPU/CPU渲染。渲染引擎的优势使用自己的渲染引擎，这也是Flutter与其他跨平台框架最大的区别。与ReactNative等高度依赖原生组件的框架不同，Flutter摆脱了原生组件依赖，界面布局更加灵活，多端展示效果高度一致。由于渲染引
作为一名Flutter开发，我骗老板我会前端，她竟然要给我升职加薪星释 FlutterWeb实战前端 flutter
起始那天，办公室的气氛突然凝固，老板把我叫进她的办公室，眼中带着期待，问：“你会前端吗？”这句话简单，但我知道背后暗藏玄机。我愣了一下，脑海一片空白，内心像是被投进了一颗巨石，掀起层层涟漪。我呢喃了一声：“会一点。”然而，这话对我来说却显得虚假。毕竟，我只是一个App开发，至于前端,我完全不知。老板的眼睛立刻亮了起来，笑容灿烂：“那太好了！公司现在缺前端，你顶上吧！”她笑着拍了拍我的肩膀，转身离开
鸿蒙 Flutter 实战：14-现有 Flutter 项目支持鸿蒙 II 星释鸿蒙 Flutter 实战 harmonyos flutter 华为
引言在之前的文章鸿蒙Flutter实战：09-现有Flutter项目支持鸿蒙中，介绍了如何改造项目，适配鸿蒙平台。文中讲述了整体的理念和思路，本文更进一步，结合可实操的项目代码，详细说明如何实施。通过模块化、鸿蒙壳工程，结合FVM管理多版本FlutterSDK，最终，保持原Flutter代码纯净，最小化修改，完成了鸿蒙化的适配示例。本项目代码地址:https://gitee.com/zacks/f
Java 并发包之线程池和原子计数 lijingyao8206 Java计数 ThreadPool 并发包 java线程池
对于大数据量关联的业务处理逻辑，比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式，并且可以提高线程利用率，并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C
java编程思想抽象类和接口百合不是茶 java 抽象类接口
接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持 1 ,抽象类 : 如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错) 抽象方法 : 在方法中仅有声明而没有方法体 package com.wj.Interface;
[房地产与大数据]房地产数据挖掘系统 comsci 数据挖掘
随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间... 所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产 &nb
数组队列总结沐刃青蛟数组队列
数组队列是一种大小可以改变，类型没有定死的类似数组的工具。不过与数组相比，它更具有灵活性。因为它不但不用担心越界问题，而且因为泛型（类似c++中模板的东西）的存在而支持各种类型。以下是数组队列的功能实现代码： import List.Student; public class
Oracle存储过程无法编译的解决方法 IT独行者 oracle 存储过程　
今天同事修改Oracle存储过程又导致2个过程无法被编译，流程规范上的东西，Dave 这里不多说，看看怎么解决问题。 1. 查看无效对象 XEZF@xezf(qs-xezf-db1)> select object_name,object_type,status from all_objects where status='IN
重装系统之后oracle恢复文强chu oracle
前几天正在使用电脑，没有暂停oracle的各种服务。突然win8.1系统奔溃，无法修复，开机时系统提示正在搜集错误信息，然后再开机，再提示的无限循环中。无耐我拿出系统u盘准备重装系统，没想到竟然无法从u盘引导成功。晚上到外面早了一家修电脑店，让人家给装了个系统，并且那哥们在我没反应过来的时候，直接把我的c盘给格式化了并且清理了注册表，再装系统。然后的结果就是我的oracl
python学习二（一些基础语法）小桔子 pthon 基础语法
紧接着把！昨天没看继续看django 官方教程，学了下python的基本语法与c类语言还是有些小差别： 1.ptyhon的源文件以UTF-8编码格式 2. / 除结果浮点型 // 除结果整形 % 除取余数 * 乘 ** 乘方 eg 5**2 结果是5的2次方25 _&
svn 常用命令 aichenglong SVN 版本回退
1 svn回退版本 1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version 两者的区别: revert this version:表示回退到当前版本(该版本后的版本全部作废) revert chanages from this versio
某小公司面试归来 alafqq 面试
先填单子，还要写笔试题，我以时间为急，拒绝了它。。时间宝贵。老拿这些对付毕业生的东东来吓唬我。。面试官很刁难，问了几个问题，记录下； 1，包的范围。。。public,private,protect. --悲剧了 2，hashcode方法和equals方法的区别。谁覆盖谁.结果，他说我说反了。 3，最恶心的一道题，抽象类继承抽象类吗？（察，一般它都是被继承的啊） 4，stru
动态数组的存储速度比较集合框架百合不是茶集合框架
集合框架：自定义数据结构(增删改查等) package 数组; /** * 创建动态数组 * @author 百合 * */ public class ArrayDemo{ //定义一个数组来存放数据 String[] src = new String[0]; /** * 增加元素加入容器 * @param s要加入容器
用JS实现一个JS对象，对象里有两个属性一个方法 bijian1013 js对象
<html> <head> </head> <body> 用js代码实现一个js对象，对象里有两个属性，一个方法 </body> <script> var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){
探索JUnit4扩展：使用Rule bijian1013 java 单元测试 JUnit Rule
在上一篇文章中，讨论了使用Runner扩展JUnit4的方式，即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。 1. Rule &n
[Gson一]非泛型POJO对象的反序列化 bit1129 POJO
当要将JSON数据串反序列化自身为非泛型的POJO时，使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种： 1. POJO对象不包含任何泛型的字段 2. POJO对象包含泛型字段，例如泛型集合或者泛型类 Data类 a.不是泛型类， b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO
【Kakfa五】Kafka Producer和Consumer基本使用 bit1129 kafka
0.Kafka服务器的配置一个Broker，一个Topic Topic中只有一个Partition（） 1. Producer： package kafka.examples.producers; import kafka.producer.KeyedMessage; import kafka.javaapi.producer.Producer; impor
lsyncd实时同步搭建指南——取代rsync+inotify ronin47
1. 几大实时同步工具比较 1.1 inotify + rsync 最近一直在寻求生产服务服务器上的同步替代方案，原先使用的是 inotify + rsync，但随着文件数量的增大到100W+，目录下的文件列表就达20M，在网络状况不佳或者限速的情况下，变更的文件可能10来个才几M，却因此要发送的文件列表就达20M，严重减低的带宽的使用效率以及同步效率；更为要紧的是，加入inotify
java-9. 判断整数序列是不是二元查找树的后序遍历结果 bylijinnan java
public class IsBinTreePostTraverse{ static boolean isBSTPostOrder(int[] a){ if(a==null){ return false; } /*1.只有一个结点时，肯定是查找树 *2.只有两个结点时，肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是
MySQL的sum函数返回的类型 bylijinnan java spring sql mysql jdbc
今天项目切换数据库时，出错访问数据库的代码大概是这样： String sql = "select sum(number) as sumNumberOfOneDay from tableName"; List<Map> rows = getJdbcTemplate().queryForList(sql); for (Map row : rows
java设计模式之单例模式 chicony java设计模式
在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的：　　作为对象的创建模式，单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。这个类称为单例类。单例模式的结构　　单例模式的特点：单例类只能有一个实例。单例类必须自己创建自己的唯一实例。单例类必须给所有其他对象提供这一实例。　　饿汉式单例类 publ
javascript取当月最后一天 ctrain JavaScript
 <script language=javascript> var current = new Date(); var year = current.getYear(); var month = current.getMonth(); showMonthLastDay(year, mont
linux tune2fs命令详解 daizj linux tune2fs 查看系统文件块信息
一.简介： tune2fs是调整和查看ext2/ext3文件系统的文件系统参数，Windows下面如果出现意外断电死机情况，下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检，而且是可以通过tune2fs命令，自行定义自检周期及方式。二.用法： Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou
做有中国特色的程序员 dcj3sjt126com 程序员
从出版业说起网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有
Android：TextView属性大全 dcj3sjt126com textview
android:autoLink 设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web/email/phone/map/all) android:autoText 如果设置，将自动执行输入值的拼写纠正。此处无效果，在显示输入法并输
tomcat虚拟目录安装及其配置 eksliang tomcat配置说明 tomca部署web应用 tomcat虚拟目录安装
转载请出自出处：http://eksliang.iteye.com/blog/2097184 1.-------------------------------------------tomcat 目录结构 config：存放tomcat的配置文件 temp ：存放tomcat跑起来后存放临时文件用的 work ：当第一次访问应用中的jsp
浅谈：APP有哪些常被黑客利用的安全漏洞 gg163 APP
首先，说到APP的安全漏洞，身为程序猿的大家应该不陌生；如果抛开安卓自身开源的问题的话，其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上，有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测（ineice.com）的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。 1. 应用反编译漏洞：APK 包非常容易被反编译成可读
C#根据网址生成静态页面 hvt Web .net C#asp.net hovertree
HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页，以及显示用户名，退出等功能。根据网址生成页面的方法： bool CreateHtmlFile(string url, string path) { //http://keleyi.com/a/bjae/3d10wfax.htm stri
SVG 教程（一）天梯梦 svg
SVG 简介 SVG 是使用 XML 来描述二维图形和绘图程序的语言。学习之前应具备的基础知识：继续学习之前，你应该对以下内容有基本的了解： HTML XML 基础如果希望首先学习这些内容，请在本站的首页选择相应的教程。什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量
一个简单的java栈 luyulong java 数据结构栈
public class MyStack { private long[] arr; private int top; public MyStack() { arr = new long[10]; top = -1; } public MyStack(int maxsize) { arr = new long[maxsize]; top
基础数据结构和算法八：Binary search sunwinner Algorithm Binary search
Binary search needs an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori
12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！刘星宇 c 面试
12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 1.gets()函数问：请找出下面代码里的问题： #include<stdio.h> int main(void) { char buff[10]; memset(buff,0,sizeof(buff));
ITeye 7月技术图书有奖试读获奖名单公布 ITeye管理员活动 ITeye 试读
ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 7月试读活动回顾： http://webmaster.iteye.com/blog/2092746 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）：《Java性能优化权威指南》