zoukankan      html  css  js  c++  java
  • Android优化——UI优化(一)优化布局层次

    优化布局层次


    1.避免布局镶嵌过深(如下)

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                  xmlns:tools="http://schemas.android.com/tools"
                  android:layout_width="match_parent"
                  android:layout_height="match_parent"
                  tools:context=".MainActivity">
    
        <LinearLayout
            android:id="@+id/main_ll_duoyu"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
    
            <TextView
                android:text="@string/hello_world"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>
    
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center_horizontal"
                android:layout_gravity="center_vertical"
                >
    
                <TextView
                    android:text="@string/hello_world"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>
    
            </LinearLayout>
    
        </LinearLayout>
    
    </LinearLayout>
     

    我们完全可以去掉id为:main_ll_duoyu的这个LinearLayout,也可以实现我们想要的效果(效果如下)
    这里写图片描述

    2.使用工具查看布局

    • 工具路径

    sdk oolshierarchyviewer.bat | 双击打开

    • 查看布局对比
      这里写图片描述
      这里写图片描述
      这里写图片描述

    我们现在去掉了main_ll_duoyu的这个LinearLayout,我们比一下前两张图和最有一张图,中间少了一层,这里只是给举个例子,可以使用google提供的这些工具帮助我们优化app,增加用户体验的流畅性

    3.默认最大布局深度

    android 默认的对打布局深度为10

  • 相关阅读:
    Spring事务管理学习笔记
    写给初学前端工程师的一封信
    angularjs 自定义指令弹窗
    ng-if和ng-show的区别
    前端遇到的一些坑
    浏览器样式兼容总结
    百分比控制表格列宽,不起效
    ng-model 将时间戳转换为标准时间
    使用git和sourcetree提交代码的一些问题
    本地运行angularjs应用,提示出现跨域问题
  • 原文地址:https://www.cnblogs.com/ldq2016/p/5226571.html
Copyright © 2011-2022 走看看