安卓第五天2020-12-07

安卓b站学习笔记梳理2020.12.07

天哥在奔跑安卓教程b站网址https://www.bilibili.com/video/BV1Rt411e76

 

11.网格视图GridView

对于一个网格视图活动GridViewActivity和其对应的xml文件activity_gridview.xml，GridViewActivity下对绑定过的gridview进行setAdapter操作，setAdapter操作中写明了数量、以及每个grid的内容以及调用了每个grid的布局文件layout_grid_item.xml

①activity_gridview.xml中定义了总框架：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="15dp">

    <GridView
        android:id="@+id/gv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:numColumns="3"
        android:horizontalSpacing="10dp"
        />
</LinearLayout>

②GridViewActivity中绑定并设置adapter

package com.jz.application1.gridView;
import android.os.Bundle;
import android.widget.GridView;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
import com.jz.application1.R;

public class GridViewActivity extends AppCompatActivity {

    private GridView mGv;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_gridview);
        mGv = findViewById(R.id.gv);
        mGv.setAdapter(new MyGridViewAdapter(GridViewActivity.this));
    }
}

③定义每个每个grid的布局文件layout_grid_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center_horizontal"
    >

    <ImageView
        android:id="@+id/iv_grid"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:scaleType="fitCenter"
        android:background="@color/colorBlack"/>
    <TextView
        android:id="@+id/tv_grid"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="hello"
        android:gravity="center"
        android:textColor="@color/colorAccent"
        />

</LinearLayout>

④Adapter接口引用layout_grid_item.xml并且绑定了xml的内容、并具体定义了返回数量、图片内容，重点是getview()

package com.jz.application1.gridView;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.bumptech.glide.Glide;
import com.jz.application1.R;

public class MyGridViewAdapter extends BaseAdapter {

    private Context mContent;
    private LayoutInflater mLayoutInflater;
    public MyGridViewAdapter(Context context)
    {
        this.mContent = context;
        mLayoutInflater = LayoutInflater.from(context);
    }

    @Override
    public int getCount() {
        return 10;
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    static class ViewHolder{
        public ImageView imageView;
        public TextView textView;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        if(convertView == null)
        {
            convertView = mLayoutInflater.inflate(R.layout.layout_grid_item,null);
            holder = new ViewHolder();
            holder.imageView = convertView.findViewById(R.id.iv_grid);
            holder.textView = convertView.findViewById(R.id.tv_grid);
            convertView.setTag(holder);
        }else {
            holder = (ViewHolder) convertView.getTag();
        }

        //赋值
        holder.textView.setText("gangan");
        Glide.with(mContent).load("https://avatar.csdnimg.cn/8/E/E/1_weixin_42898615_1562806705.jpg").into(holder.imageView);
        return convertView;
    }
}

⑤结果

⑥AppCompatActivity

是activity衍生出来的之类，有标题栏

12.ScrollView

里面只能有一个元素,下面以线性布局为例

①垂直滚动：ScrollView

<ScrollView>
     <LinearLayout>

     </LinearLayout>
</ScrollView>

②水平滚动：HorizontalScrollView

<HorizontalScrollView>
     <LinearLayout>

     </LinearLayout>
</HorizontalScrollView>