安卓日记——利用include和Framelayout搭建app UI框架

layout也可以include不听说过没呢

include就是将某个写好的layout添加到另一个layout里

include好处有:

  • 减少在主布局文件中的代码量,看起来更加清晰。
  • 把各部分独立开来,方便管理。
  • 可以多处复用

然后我们通常都会写个头部和脚部吧

在主的layout中

最好不要直接include

最好加一层Linearlayout

然后再设置他们是靠顶部还是靠底部

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true">
        <include layout="@layout/header"></include>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/frameMenu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true">
        <include layout="@layout/footer"></include>
    </LinearLayout>
</RelativeLayout>

android:layout_alignParentTop=”true”是靠顶部

android:layout_alignParentBottom=”true”是靠底部

include后控件的id也是设置好的id,只要是相应的view引用就好了。

头部和脚部设好了

接下来就是中间的部分

我们采用Fragmlayout

把他放在脚部和头部中间

别忘了给这个Fragmlayout加个id

Fragment加载快,轻量级

主Activity我们采用FragmentActivity

新建完FragmentActivity后就是要新建一个继承自Fragment的类

在这个Fragment里的

重写onCreateView方法

解析layout,返回view

@Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        //这里的layout换成自己想要的layout
        View view=inflater.inflate(R.layout.activity_scan,null);
        return view;
    }

好,回到主activity

要让中间的Framlayout加载我们的Fragmet也是很简单的

FragmentTransaction fragmentTransaction = this.getSupportFragmentManager().beginTransaction();

fragmentTransaction.replace(R.id.frame_content, new TestFragment());

fragmentTransaction.commit();

只需三步即可完成加载

就这样UI框架已经搞好啦。

时间: 2024-10-10 06:26:35

安卓日记——利用include和Framelayout搭建app UI框架的相关文章

十分钟搭建App主流框架_纯代码搭建(OC),你不知道的框架

十分钟搭建App主流框架_纯代码搭建(OC),你不知道的框架java学习爱好者 2019-06-11 14:28搭建主流框架界面 需要源码的可以私信我达成效果 效果图ps :需要源码的可以加群,668041364导读 我们玩iPhone应用的时候,有没发现大部分的应用都是上图差不多的结构,下面的TabBar控制器可以切换子控制器,上面又有Navigation导航条我们本文主要是讨论主体框架的搭建,数据暂时没有添加分析做项目的基本流程 1.搭建项目主框架(1)先搭建tabBarController

搭建App主流框架_纯代码搭建(OC)

转载自:http://my.oschina.net/hejunbinlan/blog/529778?fromerr=EmSuX7PR 搭建主流框架界面 源码地址在文章末尾 达成效果 效果图 注:本文部分图标及效果图来自[IT江湖] https://github.com/itjhDev/itjh 导读 我们玩iPhone应用的时候,有没发现大部分的应用都是上图差不多的结构,下面的TabBar控制器可以切换子控制器,上面又有Navigation导航条 我们本文主要是讨论主体框架的搭建,数据暂时没有添

10分钟搭建 App 主流框架

搭建主流框架界面 0.达成效果 我们玩iPhone应用的时候,有没发现大部分的应用都是上图差不多的结构,下面的TabBar控制器可以切换子控制器,上面又有Navigation导航条 我们本文主要是搭建主体的框架,数据暂时没有添加 分析做项目的基本流程 1.搭建项目主框架 (1)先搭建tabBarController(下面有一条) (2)再搭建NavigationController(上面有一条,并且每个子控制器的不一样) 2.思考开发方式 (1)storyboard搭建(界面很少的时候使用) (

十分钟搭建App主流框架

搭建主流框架界面 0.达成效果 Snip20150904_5.png 我们玩iPhone应用的时候,有没发现大部分的应用都是上图差不多的结构,下面的TabBar控制器可以切换子控制器,上面又有Navigation导航条 我们本文主要是搭建主体的框架,数据暂时没有添加 分析做项目的基本流程 1.搭建项目主框架 (1)先搭建tabBarController(下面有一条) (2)再搭建NavigationController(上面有一条,并且每个子控制器的不一样) 2.思考开发方式 (1)storyb

iOS 10越狱和Reveal 7分析三方App UI框架教程

前言 这是一篇写给开发者的博客,如果碰巧非开发者搜到了这篇博客,那么博客的内容可能不适合你. 其实网上Reveal的教程很多,但是很多都是停留在Reveal 1或者Reveal 2时代的博客,不太适合最新版本的Reveal 7,所以还是决定写这样一篇文章. 本文最终的效果: 淘宝首页: 可以看到,淘宝首页其实就是一个巨大的CollectionView 京东首页: 可以看到,京东首页其实就是一个巨大的TableView 越狱 准备工作: 一台待越狱的设备(10.3系统以下),最好用测试机或者淘汰下

五分钟搭建App设置页面

原文出处: 陈燕翔(@燕翔de专注)   欢迎分享原创到伯乐头条 本节主题(Storyboard/模型思想搭建设置页面) 设置(Setting)页面的搭建(实现效果) 开发方式(这里提供两种,个人感觉第二种重用性较高,推荐使用.但第一种较为简单,视开发需求选择) (1)纯代码 + StoryBoard混合 开发 (2)纯代码 + 模型 思想 设置页面的搭建 假设你已经搭建出了这个基本框架<十分钟搭建App主流框架>但这毕竟是个空壳,下面让我们把设置页面简单的搭建一下吧 注:本文仅仅提供简略的搭

如何利用Reveal神器查看各大APP UI搭建层级

作者 乔同X2016.08.22 19:45 写了3195字,被42人关注,获得了73个喜欢 如何利用Reveal神器查看各大APP UI搭建层级 字数413 阅读110 评论0 喜欢5 title: 如何利用Reveal神器查看各大APP UI搭建层级 date: 2016-08-11 categories: 破解 {% cq %} 做了大些的年的视图,你有没有真正的搭建过个正牌的UI,有没有想过如何UI进阶,有没有想过像京东,淘宝等知名APP版的UI是怎么搭建的呢?接下来我们就要开始解密他们

安卓实战之如何快速搭建app架构

前言 最近公司的另一个项目又要立项了,作为公司的唯一安卓工程师任务来了(新来的移动端的老大说项目还是主要你负责,我就负责帮你们安排下进度),听了这话我是伤心的在这公司不管是几个还是1个安卓开发都是我来搭建,干着与工资不符的事情,好的一点是开发没有人干涉平时也能学习自己想学的东西. 如何选择app架构(MVC/MVP/MVVM) 最近越来越多的人开始谈论架构.我周围的同事和工程师也是如此.尽管我还不是特别深入理解MVP,但是还是觉得比较牛逼,然后呢也想在公司的项目中去使用它. 项目时间紧迫:快速开

安卓开发工程师应该这样快速使用机智云APP开源框架

我是一名Andriod APP开发工程师.我是这样子去了解机智云APP开源框架,基于机智云快速搭建自己的产品的.当然,如果你是iOS APP开发工程师.H5工程师,看完本文后,去看机智云文档中心,一样的道理. 1)首先:了解 机智云设备接入SDK以及机智云APP开源框架的功能与作用,以及前期的准备工作.详细文档:http://docs.gizwits.com/zh-cn/quickstart/%E5%87%86%E5%A4%87%E5%B7%A5%E4%BD%9C.html由此我知道:机智云的设