LOFTER for ipad —— 让兴趣,更有趣

点击下载 关闭

LOFTER-网易轻博

Flutter

236浏览    13参与
hdw2000
敲代码的黄先森
敲代码的黄先森

flutter实用轮播图控件

https://blog.csdn.net/u011272795/article/details/82776861

https://blog.csdn.net/u011272795/article/details/82776861

敲代码的黄先森

flutter中BottomNavigationBar切换重置页面的问题

1.不要相信AutomaticKeepAliveClientMixin,纯属误人子弟

2.非常简单

3.上代码:

var _pageList;//定义页面列表
int _currentIndex;//定义bottomNavigationBar点击的坐标

@override
void initState() {

//设置初始数据
_pageList       = [HomePage(), DiscoverPage(), UserCenterPage()];
_currentIndex  ...

1.不要相信AutomaticKeepAliveClientMixin,纯属误人子弟

2.非常简单

3.上代码:

var _pageList;//定义页面列表
int _currentIndex;//定义bottomNavigationBar点击的坐标

@override
void initState() {

//设置初始数据
_pageList       = [HomePage(), DiscoverPage(), UserCenterPage()];
_currentIndex   = 0;
}


return Scaffold(
  bottomNavigationBar: BottomNavigationBar(
    currentIndex: _currentIndex,
    items: [
BottomNavigationBarItem(
            icon: Icon(Icons.home,),
            title: Text('首页'),),

BottomNavigationBarItem(
            icon: Icon(Icons.looks,),
            title: Text('发现')),

BottomNavigationBarItem(
            icon: Icon(Icons.supervised_user_circle,),
            title: Text('我的')),
      ],

//点击bottomNavigationBar修改状态
    onTap: (int index){
      setState(() {
_currentIndex = index;
      });
    },
  ),
//重点,重点是使用IndexedStack来创建body
  body: IndexedStack(
    index: _currentIndex,
    children: _pageList,
  ),

);

③大功告成!



amfang
amfang
Poofee

Flutter:first experience

1、Official Webiste:https://flutter.dev/

    API(dart):https://api.flutter.dev/

    installation:https://flutter.dev/docs/get-started/install

2、meet questions:

    2.1 - Config environment:When I set ANDROID_HOME, add ";" by system;...


1、Official Webiste:https://flutter.dev/

    API(dart):https://api.flutter.dev/

    installation:https://flutter.dev/docs/get-started/install

2、meet questions:

    2.1 - Config environment:When I set ANDROID_HOME, add ";" by system;

    2.2 - https://github.com/flutter/flutter/issues/33938#issuecomment-499250288

amfang
amfang
stevenzacker

arch linux install flutter android DevEnv

$ yaourt -S android-sdk  

# pacman -S idea-intellij-community-edition dart

$ git clone https://github.com/flutter/flutter.git $ export PATH=`pwd`/flutter/bin:$PATH

$ flutter doctor


$flutter create myapp

$cd myapp

$flutter run

$ yaourt -S android-sdk  

# pacman -S idea-intellij-community-edition dart

$ git clone https://github.com/flutter/flutter.git $ export PATH=`pwd`/flutter/bin:$PATH

$ flutter doctor



$flutter create myapp

$cd myapp

$flutter run

Luke Evans

【2011】Flutter



导演: Giles Borg

编剧: Stephen Leslie

主演: Joe Anderson, Anna Anissimova, Billy Zane


Download




导演: Giles Borg

编剧: Stephen Leslie

主演: Joe Anderson, Anna Anissimova, Billy Zane


Download

电灯网 www.tdide.com

Flutter:直觉化的手势控制系统

手势控制系统

手势控制系统

手势控制系统

回顾计算机发展史,苹果公司只所以能够使触屏走向大众,打开了后 PC 时代的大门,关键原因之一是突破了传统的交互方式,重新思考触屏特有的交互方式。初创公司 Flutter 的创始人 Mehul Nariyawala 希望在手势控制上能有同样作为。


在接受 Co.Design 网站采访的时候,Mehul Nariyawala 很自然地提到了苹果在触屏交互上的创新。他说,在 iPhone ...

手势控制系统

手势控制系统

手势控制系统

回顾计算机发展史,苹果公司只所以能够使触屏走向大众,打开了后 PC 时代的大门,关键原因之一是突破了传统的交互方式,重新思考触屏特有的交互方式。初创公司 Flutter 的创始人 Mehul Nariyawala 希望在手势控制上能有同样作为。


在接受 Co.Design 网站采访的时候,Mehul Nariyawala 很自然地提到了苹果在触屏交互上的创新。他说,在 iPhone 之前,触屏设备被点击的模式束缚,而苹果是第一个专门为触控构建用户界面的公司。iPhone 之前的设备通常会有用户手册,用户需要学习机器。在 iPhone 之后,设备将会对人类的直觉做出反应。


随着各种设备的智能化,我们交互的对象必定会突破平板、手机的范畴,从而突破触屏的局限。在手势控制方面的探索已经开始,但是 Mehul Nariyawala 认为,现有的一些做法仍是照搬旧的点击交互。Flutter 想要做出更加直觉化的手势控制系统。从 Flutter 免费应用中,我们可以看出公司理念的一些雏形。比如,在控制 iTunes 的时候,你将手平举做出停止手势,会使歌曲暂停播放,指向右边会播放下一首歌曲,指向左边则播放前一首歌曲。


“做为人类,我们已经有身体语言”,Flutter 的创始人告诉 Co.Design,“如果我们教会计算机理解它,那么计算机会变得直觉化“。Flutter 应用已经在 Mac 和 Windows 平台发布,目前还比较简单,就是用手势来控制程序的操作,比如 iTunes/Spotify 中的播放、前进、后退等。


不过,Flutter 的技术已经开发了三年之久。Flutter 免费应用并不是目的,它只是为了证明 Flutter 方法要比照搬点击交互更加优越。Flutter 在 Mac App Store 上架的前四个月内,记录了 400 万次手势控制。Flutter 公司希望应用受欢迎的事实,可以用来说服硬件公司在设备上预置 Flutter 的技术。


Flutter 的技术无需其它硬件,使用的只是网络摄像头,这使得它容易部署。对于 Flutter 技术的可能性,Co.Design 举了一个例子:从计算机旁边走开,将是一个锁屏的手势命令,回到计算机旁边是解锁命令。拿起手机将会命令电脑上的视频和音频暂停,放下手机会命令它重新播放。


”我们可以把(网络摄像头)看做机器的眼睛”,Dalal 说,“眼睛应该理解人类动作的含义”。


Flutter 显然有着不错的想法,不过看似直觉的手势控制,却是有学习成本的,而且缺乏固定规范。在触屏上,手势操作并不是最直观的方式。Flutter 的手势控制抛弃了视觉提示,显然需要用户的熟悉和投入,普及起来似乎并非那么容易。不过,Flutter 还是给出了一个很有潜力的研究方向,比如上面 Co.Design 提到的例子,就是一种无需学习的机器智能了。


LOFTER

让兴趣,更有趣

简单随性的记录
丰富多彩的内容
让生活更加充实

下载移动端
关注最新消息