2019日更挑战(一),android 聊聊写布局(一)-优快云博客

本文分享了作者在安卓应用开发中对于布局设计的理解与实践，强调了熟悉控件的重要性，并通过实例对比了不同布局方式的优劣，提出了减少嵌套和使用RelativeLayout以提高渲染性能的建议。

瞎扯:

写布局是最基础东西技能,其实也是最重要的技能之一. 合理的分析,才能写出好的app.也能提高开发效率.

我总结的几点:

1.熟悉控件.

既然是基础,常用的肯定要了解. 这里列一下我常用的,出现频率高的:

布局:
LinearLayout
Relativelayout
FrameLayout
ViewPager

列表:
RecyclerView

控件:
TextView
EditText
ImageView
CheckBox
Switch

5.0后的新控件:
CoordinatorLayout
TabLayout
CollapsingToolbarLayout
Toolbar
AppbarLayout
SwipeRefreshLayout
复制代码

以上就是近两年我最常用的控件了. 剩下的要么不用,要么用的少,比如webview这种就没啥好提的了.

这么一看,安卓的控件是不是没多少..

列一下个人觉得差不多可以抛弃的控件

button //对,就是这玩意,我基本不用它,
ImageButton //同上
RadioButton
RadioGroup
ListView
GridView
Tabhost
TableLayout
ExpandableListView
Spinner
复制代码

以上这些,我现在几乎是不用的.

2.分析布局

就如开头说的,拿到设计图,肯定是先分析. 先举个简单的例子:

一个这样的列表条目.应该怎么写? 别看简单,写法多种多样.

最简单的:

  <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#fff"
        android:drawableLeft="@mipmap/ic_launcher"
        android:gravity="end|center_vertical"
        android:padding="8dp"
        android:text="123123" />
复制代码

这种就是求快,省事,如果明确设计,求快的话,这样写就行了.

一般人的选择:

 <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#fff"
        android:gravity="center_vertical"
        android:padding="8dp">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher" />

        <TextView
            android:gravity="right"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="123123" />
    </LinearLayout>
复制代码

改动频繁时的写法:

<RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#fff"
        android:padding="8dp">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher" />

        <TextView
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="123123" />
    </RelativeLayout>
复制代码

对,兼容改动最强就是Relativelayout.

有人说,实现效果不就行了嘛.怎么写都行. 确实是这样,只要你想把时间浪费在改布局上.各种加班.你就随便写.

就这个设计而言,第二种写法其实是不建议的.为什么?

1.第一种,写起来花的时间最少.一个控件就搞定了.如果改动大的话,直接就放弃这个方案了.改一下就变第二,第三种了. 2.如果样式变成了这样:

你就会发现,第二种,太死板了.代码一层套一层.

  <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#fff"
        android:padding="8dp">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher" />

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginLeft="8dp"
            android:layout_weight="1"
            android:orientation="vertical">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:text="1111111" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:layout_weight="1"
                android:text="222222222222222222222" />

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="bottom"
                    android:text="3333333" />

                <TextView
                    android:layout_marginLeft="8dp"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="bottom"
                    android:text="33"
                    android:textColor="#f00" />
            </LinearLayout>

        </LinearLayout>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text=">>" />
    </LinearLayout>
复制代码

再看看RelativeLayout

 <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#fff"
        android:padding="8dp">

        <ImageView
            android:id="@+id/iv_goods"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher" />

        <TextView
            android:id="@+id/tv_1"
            android:layout_toRightOf="@id/iv_goods"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="1111111" />

        <TextView
            android:layout_below="@id/tv_1"
            android:layout_toRightOf="@id/iv_goods"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="222222222222222222222" />


        <TextView
            android:id="@+id/tv_3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@+id/iv_goods"
            android:layout_gravity="bottom"
            android:layout_toRightOf="@+id/iv_goods"
            android:text="3333333" />

        <TextView
            android:layout_alignBottom="@+id/iv_goods"
            android:layout_toRightOf="@id/tv_3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:layout_marginLeft="8dp"
            android:text="33"
            android:textColor="#f00" />

        <TextView
            android:layout_centerVertical="true"
            android:layout_alignParentRight="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text=">>" />
    </RelativeLayout>
复制代码