Android读书笔记（二）

1.百分比布局PercentFrameLayout与PercentRelativeLayout
PercentFrameLayout与PercentRelativeLayout的百分比设置一样，在这里只说PercentFrameLayout。
要使用这种布局需要在app/build.gradle文件中的dependencies下进行添加。

dependencies {

    compile 'com.android.support:percent:24.2.1'
}

在布局文件中进行使用，设置百分比宽高需要app属性来设置，如下。

        app:layout_widthPercent="50%"
        app:layout_heightPercent="30%"

代码、界面展示

<android.support.percent.PercentFrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:layout_gravity="center_horizontal"
        android:text="宽度50% 高度30%"
        android:textSize="20sp"
        app:layout_heightPercent="30%"
        app:layout_widthPercent="50%" />

    <Button
        android:layout_gravity="center"
        android:text="宽度60%，高度10%"
        android:textSize="20sp"
        app:layout_heightPercent="10%"
        app:layout_widthPercent="60%" />

    <Button
        android:layout_gravity="bottom|center_horizontal"
        android:text="宽度80%，高度40%"
        android:textSize="20sp"
        app:layout_heightPercent="40%"
        app:layout_widthPercent="80%" />
</android.support.percent.PercentFrameLayout>

2.RecyclerView的使用
此控件可以纵向滚动，也可以横向滚动，增强版的ListView。要想使用此控件必须添加依赖的库。

/*app/build.gradle*/
dependencies {
    compile 'com.android.support:recyclerview-v7:24.2.1'
}

在布局文件中的使用

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </android.support.v7.widget.RecyclerView>

创建适配器,在适配器中创建内部类ViewHolder并使其继承RecyclerView.ViewHolder。重写适配器中onCreateViewHolder()、onBindViewHolder()和getItemCount()方法。onCreateViewHolder()中主要工作是创建ViewHolder、加载布局、设置事件。onBindViewHolder()中主要工作是对控件进行赋值。getItemCount()用来返回数据的数量。

public class VtsAdapter extends RecyclerView.Adapter<VtsAdapter.ViewHolder> {

    private List<Vegetables> vegetables;
    //获取数据
    public VtsAdapter(List<Vegetables> vegetables) {
        this.vegetables = vegetables;
    }

    static class ViewHolder extends RecyclerView.ViewHolder {
        ImageView vImage;
        TextView vName;
        View vView;

        //获取RecyclerView子项中的实例
        public ViewHolder(View itemView) {
            super(itemView);
            vView = itemView;
            vImage = (ImageView) itemView.findViewById(R.id.image_v_iv);
            vName = (TextView) itemView.findViewById(R.id.name_v_tv);
        }
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        View view = LayoutInflater.from(parent.getContext())
                .inflate(R.layout.item_v, parent, false);
        final ViewHolder holder = new ViewHolder(view);

        holder.vView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                int position = holder.getAdapterPosition();
                Vegetables vts = VtsAdapter.this.vegetables.get(position);
                Toast.makeText(v.getContext(),vts.getName()+"整体",Toast.LENGTH_SHORT).show();
            }
        });
        holder.vName.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                int position = holder.getAdapterPosition();
                Vegetables vts = vegetables.get(position);
                Toast.makeText(v.getContext(), vts.getName(), Toast.LENGTH_SHORT).show();
            }
        });

        return holder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {


        Vegetables vts = vegetables.get(position);
        holder.vImage.setImageResource(vts.getImagesId());
        holder.vName.setText(vts.getName());
    }

    @Override
    public int getItemCount() {
        return vegetables.size();
    }
}

使用RecyclerView来进行显示数据，与ListView不同的是需要设置layoutManager，下面代码中使用了LinearLayoutManager ，是线性布局，与ListView的效果差不多。

        RecyclerView rv = (RecyclerView) this.findViewById(R.id.rv);
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        rv.setLayoutManager(layoutManager);
        VtsAdapter vtsAdapter = new VtsAdapter(vegetables);
        rv.setAdapter(vtsAdapter);

效果图:

接下来，说一说ListView不能实现的效果，横向滚动与瀑布流。要实现横向滚动，需要在item布局文件中指定排列方向为垂直，指定布局宽度。

<!--item_v.xml-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="100dp"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/image_v_iv"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_gravity="center_horizontal"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/name_v_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="test"
        android:textSize="25sp" />
</LinearLayout>

再对LinearLayoutManager 设置一下就可以了。

 layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);

效果图：

瀑布流效果的实现，修改item布局文件如下：

<!--在瀑布流布局中宽度自动适配-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5dp"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/image_v_iv"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_gravity="center_horizontal"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/name_v_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left"
        android:text="test"
        android:textSize="25sp" />
</LinearLayout>

修改代码，使用StaggeredGridLayoutManager。

 RecyclerView rv = (RecyclerView) this.findViewById(R.id.rv);
 //参数一：列数 参数二：排列方向
 StaggeredGridLayoutManager sglm = 
             new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL);
 rv.setLayoutManager(sglm);

这里为了显示出瀑布流的效果，增加了名字的长度。效果图：

3.Nine-Patch图片
可以对图片进行局部的拉伸或不拉伸。
看图比较直观，这是一个被均匀拉伸的图片,显示成这样大家肯定不喜欢。

为了处理这样的情况，我们需要用Nine-Patch来对图片进行处理（在我学Nine-Patch图片时，使用的是draw9patch.bat）。在android studio中右键图片，点击“Create 9-Patch file…”，创建了一个“名字.9.png”的图片（不要改xx.9.png的命名格式，改了就和普通的图片一样了），这就是我们所要的图片，双击，就能进行编辑了。

处理图片，对上下左右四个小条拖拽来设置。上边和左边表示图片拉伸区域，右边和下边表示内容区域。设置完成，如图：