首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Flutter-从入门到项目 07: 微信项目-发现页面

Flutter-从入门到项目 03: Flutter初体验 Flutter-从入门到项目 04:Dart语法快速掌握(上) Flutter-从入门到项目 05:Dart语法快速掌握(下) Flutter...弹性布局的概念在其它UI系统中也都存在,如H5 中的弹性盒子布局,Android中的 FlexboxLayout 等。Flutter中的弹性布局主要通过 Flex 和 Expanded 来配合实现。...extends State { Color _themeColor = Color.fromRGBO(220, 220, 220, 1.0); @override Widget...), body: Container( color: _themeColor, child: ListView( children: <Widget...KCDiscoverCell 状态管理设置 _themeColor 整个页面采用 ListView 显示 ② 发现页面抽取KCDiscoverCell 这种抽取共用 Cell的方式,想必你已不再迷茫,无论 iOS还是 Android

40830

android 使用Xml文件定义Shape方式

补充知识:AndroidStudio XML文件之shape标签使用详解 前言: shape标签可以很方便的得到一些矩形、圆、椭圆、圆环,可以实现圆角、渐变,shape编写出来的资源,可以作为View的背景...,减少View使用图片作为背景图的概率,从而减少apk体积,相对比图片要更节省内存,shape标签编写出来的资源一般放到drawable文件目录下。...shape标签如何使用: shpae标签的载体是一个xml文件,一个xml里同时只能存在一个shape标签,在shape标签里声明一些属性和嵌套标签组合起来,可以得到一个视图资源,利用该资源可以填充View...sweep : 流线型渐变 动态创建GradientDrawable并使用: 用shape标签定义的xml,最终都会转化为GradientDrawable对象,所以创建GradientDrawable对象和定义...使用Xml文件定义Shape方式就是小编分享给大家的全部内容了,希望能给大家一个参考。

1.8K20

Flutter-初试牛刀,入门篇

但是本身时间有限,作为快速熟悉上手很难一次性完成。 但是我相信你能很好的做出一个功能页面,其他的功能还会是问题吗?所以作为初试牛刀,入门小结,我就以此为路线,记录下遇到的坑坑洼洼。...大致归纳下吧; 工程及环境搭建、配置,相信很多人在这里停留了很久; android、iOS图标、启动页等资源相关的引入及设置; 第三方字体图标的使用、第三方依赖库的引入和使用,这有具体的描述: Flutter...所以我直接用自定义的了; 问题2:第三方依赖包引入使用问题(Dio): 这个不再细说了,看Flutter-引入第三方依赖包详细总计。...: 22, activeColor: Color.fromARGB(255, 68, 68, 68), inactiveColor:Color(0xff929292) , items: widget..._barItem, ), tabBuilder: (ctx , index){ return widget._pageList[index]; }); 5、关于Flutter,我是如何学习的?

91930

【Flutter 专题】 05 图解修改应用名称及图标

和尚找了好久,以为 Flutter 是跨平台应用,对应 Android 和 iOS 的 project name 是统一修改的,可是和尚我理解错了,应用名称是需要在 Android 和 iOS 中分别调整的...;Android 是在 AndroidManifest.xml 中修改;iOS 则是在 Info.plist 中修改的;如图: Tips: 在 Android 和 iOS 中项目名称可以不一致!...同样的,如果需要更改应用的 Logo,同样是在 Android 和 iOS 中分别调整的;Android 是添加图片在 mipmap 文件夹中,并在 AndroidManifest.xml 中修改;iOS...虽然 Android 和 iOS 中项目名称和 Logo 可以设置内容有差异,但和尚建议:Android/iOS/Flutter->main.dart 中名称设置为一致,毕竟是一个应用,还是匹配相同为好...Flutter->main.dart 中默认有两个 title,和尚理解为第一个为应用内名称,第二个相当于 Activity 页面标题名称。

1.2K61

Android 创建与解析XML(六)—— 比较与使用

它以事件作为解析XML 文件的模式,它将XML 文件转化成一系列的事件,由不同的事件处理器来决定如何处理。...SAX解析流程: 3)  PULL解析技术 Android API 中,另外提供了Android.util.Xml 类,同样可以解析XML 文件,使用方法类似SAX,也都需编写Handler来处理XML...事件作为数值代码被发送,因此可以使用一个switch对感兴趣的事件进行处理。当元素开始解析时,调用parser.nextText()方法获取一个Text类型的节点的值。...(2) SAX 则是以事件作为解析XML 文件的模式,它将XML 文件转化成一系列的事件,由不同的事件处理器来决定如何处理。XML 文件较大时,选择SAX 技术是比较合理的。...虽然代码量有些大,但是它不需要将所有的XML 文件加载到内存中。这样对于有限的Android 内存更有效,而且Android 提供了一种传统的SAX 使用方法以及一个便捷的SAX 包装器。

90420

Android编程使用sax解析xml数据的方法详解

本文实例讲述了Android编程使用sax解析xml数据的方法。分享给大家供大家参考,具体如下: 随着技术的发展,现在的web已经和以前不同了。...web已经逐渐像移动的方向倾斜,作为程序员的确应该拓展一下自己的知识层面。...学习各方面的知识,今天就接着前几天的弄一下Androidxml解析,这次就使用sax的方式解析xml.下面就一步一步的来做吧。 1. 编写一个简单的xml <?...PS:这里再为大家提供几款关于xml操作的在线工具供大家参考使用: 在线XML/JSON互相转换工具: http://tools.zalou.cn/code/xmljson 在线格式化XML/在线压缩...XML代码在线格式化美化工具: http://tools.zalou.cn/code/xmlcodeformat 希望本文所述对大家Android程序设计有所帮助。

80120

Flutter 即学即用系列博客——08 MethodChannel 实现 Flutter 与原生通信

Flutter-> 原生的通信。 路由回顾 之前我们一直在讲 Flutter 相关的知识点,而且基本上都是在 main.dart 文件上面折腾,为了避免很多小伙伴觉得我们跨度过大。...我们的案例是假设我要获取 Android 设备的当前电量,我希望点击按钮之后电量会显示出来。 当然这里的按钮和显示电量的文本都是 Flutter 界面的。 那么步骤是怎样的呢? 1....;import android.support.v7.app.AppCompatActivity;import android.view.View;import android.view.ViewGroup...;import android.widget.FrameLayout; import io.flutter.facade.Flutter; public class MainActivity extends...MethodChannel('samples.flutter.io/battery'); samples.flutter.io/battery 可以自己指定,一般保证唯一,所以 samples 实际使用可以替换为包名

86930

Flutter-从入门到项目 03: Flutter初体验

Flutter-从入门到项目 03:fultter初体验 2021年,你好 一、创建一个Flutter 工程 下面我们通过 Android Studio 安装的 Flutter插件 创建 Flutter...工程 Android Studio 主界面 -> Create Flutter Project 欢庆双节 说明: ?...上面截图的四个功能 Flutter Application : 创建一个 Flutter 应用工程 Flutter plugin : 这是为了给 Android 和 iOS 提供插件应用(暴露的借口)的时候使用...Flutter Package : 创建一个 Dart组件 发布到 pub 来提供便捷开发 类似一些三方库 Flutter Module : 一般用来做混合开发,嵌入到 Android 和 iOS 工程当中...要改变 UI,widget 会在自身上触发重建(在 Flutter 中最常见的方法是在 StatefulWidgets 组件上调用 setState())并构造一个新的 Widget 子树 // Declarative

1K10

Android XML shape 标签使用详解(apk瘦身,减少内存好帮手)

Android XML shape 标签使用详解   一个android开发者肯定懂得使用 xml 定义一个 Drawable,比如定义一个 rect 或者 circle 作为一个 View 的背景。...但是,也肯定也有人在能使用 Drawable 的地方选择使用一张 png 图(或者是一张 .9 图)作为 View 的背景,因为后者把问题交给 UI 设计人员去了,省事。...使用 Drawable 有什么好处? 什么情况下选择使用 Drawable,而不是使用一张图,反之呢? shape 标签能定义多少种类型的 Drawable?...) 大图片耗内存,使用 Drawable 节省内存,Android 本身对 Drawable 做了很好的优化(内存优化需要考虑) 什么情况下选择使用Drawable,而不是使用一张图,反之呢?...shape 标签的使用,能够构建出多种多样的 Drawable,这些 Drawable 可以直接作为背景设置给 View,代码通过 R.drawable 方式使用xml 文件通过 @drawable

1.6K00

Android XML shape 标签使用详解(apk瘦身,减少内存好帮手)

Android XML shape 标签使用详解   一个android开发者肯定懂得使用 xml 定义一个 Drawable,比如定义一个 rect 或者 circle 作为一个 View 的背景。...但是,也肯定也有人在能使用 Drawable 的地方选择使用一张 png 图(或者是一张 .9 图)作为 View 的背景,因为后者把问题交给 UI 设计人员去了,省事。...使用 Drawable 有什么好处? 什么情况下选择使用 Drawable,而不是使用一张图,反之呢? shape 标签能定义多少种类型的 Drawable?...) 大图片耗内存,使用 Drawable 节省内存,Android 本身对 Drawable 做了很好的优化(内存优化需要考虑) 什么情况下选择使用Drawable,而不是使用一张图,反之呢?...shape 标签的使用,能够构建出多种多样的 Drawable,这些 Drawable 可以直接作为背景设置给 View,代码通过 R.drawable 方式使用xml 文件通过 @drawable

2.4K70

Flutter(七)--Widget的生命周期(周期方法)Flutter(七)--Widget的生命周期(周期方法)

作用也就很好理解了,就是让使用者知道当前组件处于哪种状态、并处理各阶段的自定义操作(数据、UI等)。...didChangeDependencies Widget的依赖关系发生变化时会触发该方法,这个很好理解就是Widget树中父Widget发生变化。...除此之外还有状态管理也叫数据共享同样会触发该方法. didUpdateWidget 当父Widget发生setState()时,父Widget并不会发生触发该方法,只会触发子Widget的该方法。...deactivate 是Widget要从Widget树中移除时会触发该方法,在该方法中可以改变Widget的依赖关系,避免该Widget被销毁....如果涉及到生命周期方法和Widget的渲染原理之间的关系,一下就有意思起来了。请查看第八期Widget的渲染逻辑 传送门: Flutter-汇总

98920
领券