安卓开发中的几种常见视图

最新推荐文章于 2025-09-07 21:30:36 发布
原创 最新推荐文章于 2025-09-07 21:30:36 发布 · 2.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android #java #apache

本文介绍了安卓开发中的几种重要视图组件，包括列表视图、网格视图、ScrollView及其子类HorizontalScrollView，强调了RecyclerView在大数据展示和视图复用上的优势，以及WebView在加载网页和实现Native与JavaScript交互的功能。

列表视图

  • 常用属性
  • Adapter接口
package com.example.zzm.helloworld.listview;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;

import com.example.zzm.helloworld.R;

/**
 * Created by ZZM on 2022/2/6.
 */
public class ListViewActivity extends Activity {
    private ListView mLv1;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_listview);
        mLv1=(ListView)findViewById(R.id.lv_1);
        mLv1.setAdapter(new MyListAdapter(ListViewActivity.this));

        //点击事件
        mLv1.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int position, long l) {
                Toast.makeText(ListViewActivity.this,"点击pos:"+position, Toast.LENGTH_SHORT).show();
            }
        });

        mLv1.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
            @Override
            public boolean onItemLongClick(AdapterView<?> adapterView, View view, int position, long l) {
                Toast.makeText(ListViewActivity.this,"长按 pos:"+position, Toast.LENGTH_SHORT).show();
                return true;
            }
        });

    }


}

``

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

    <ListView
        android:id="@+id/lv_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

    </ListView>
</LinearLayout>

package com.example.zzm.helloworld.listview;

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.example.zzm.helloworld.R;

import org.w3c.dom.Text;

/**
 * Created by ZZM on 2022/2/6.
 */
public class MyListAdapter extends BaseAdapter{

    private Context mContext;
    private LayoutInflater mLayoutInflater;

    public MyListAdapter(Context context){
        this.mContext=context;
        mLayoutInflater=LayoutInflater.from(context);

    }

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

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

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

    public class ViewHolder{
        public ImageView imageView;
        public TextView tvTitle,tvTime,tvContent;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder=null;
        if(convertView==null){
            convertView=mLayoutInflater.inflate(R.layout.layout_list_view,null);
            holder=new ViewHolder();
            holder.imageView=(ImageView)convertView.findViewById(R.id.iv);
            holder.tvTitle=(TextView)convertView.findViewById(R.id.tv_title);
            holder.tvTime=(TextView)convertView.findViewById(R.id.tv_time);
            holder.tvContent=(TextView)convertView.findViewById(R.id.tv_content);
            convertView.setTag(holder);
        }else{
            holder=(ViewHolder)convertView.getTag();
        }
        //给控件赋值
        holder.tvTitle.setText("这是标题");
        holder.tvTime.setText("2088-08-08");
        holder.tvContent.setText("这是内容");
        Glide.with(mContext).load("").into(holder.imageView);
        return convertView;

        return null;
    }
}


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:paddingTop="10dp"
    android:paddingBottom="10dp"
    android:paddingLeft="15dp"
    android:paddingRight="15dp"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

   <ImageView
       android:id="@+id/iv"
       android:layout_width="100dp"
       android:layout_height="100dp"
       android:scaleType="centerCrop"
       android:background="#000"
       />
    <LinearLayout

        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:paddingLeft="10dp">
        <TextView
            android:id="@+id/tv_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello"
            android:textSize="20sp"
            android:textColor="@color/colorBlack"/>

        <TextView
            android:id="@+id/tv_time"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="2017-08-26"
            android:textSize="20sp"
            android:textColor="@color/colorGray"/>

        <TextView
            android:id="@+id/tv_content"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="2017-08-26"
            android:textSize="20sp"
            android:textColor="@color/colorGray"/>
    </LinearLayout>
</LinearLayout>

网格视图

<?xml version="1.0" encoding="utf-8"?>
<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"
    android:padding="15dp"
    android:orientation="vertical">
    <GridView
        android:id="@+id/gv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numColumns="3"
        android:horizontalSpacing="10dp"
        android:verticalSpacing="10dp">

    </GridView>

</LinearLayout>


<?xml version="1.0" encoding="utf-8"?>
<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"
    android:gravity="center_horizontal">
    <ImageView
        android:id="@+id/iv_grid"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitCenter"/>
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello"
        android:gravity="center"
        android:textColor="@color/colorBlack"/>
    <!--gravity 内容的对齐方式-->

</LinearLayout>

ScrollView视图

  • 垂直滚动：ScrollView：
    子元素只能有一个
<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <Button
            android:id="@+id/btn_textview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView"
            android:paddingTop="0dp"/>


        <Button
            android:id="@+id/btn_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button"
            android:paddingTop="10dp"
            android:layout_below="@+id/btn_textview"/>

        <Button
            android:id="@+id/btn_edittext"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="EditText"
            android:textAllCaps="false"
            android:layout_below="@+id/btn_button"
            />
        <!--textAllCaps显示大写 -->

        <Button
            android:id="@+id/btn_radiobutton"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="RadioButton"
            android:padding="5dp"
            android:layout_below="@+id/btn_edittext"
            />

        <Button
            android:id="@+id/btn_checkbox"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="CheckBox"
            android:padding="5dp"
            android:layout_below="@+id/btn_radiobutton"
            />

        <Button
            android:id="@+id/btn_imageview"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="ImageView"
            android:padding="5dp"
            android:layout_below="@+id/btn_checkbox"
            />

        <Button
            android:id="@+id/btn_listview"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="ListView"
            android:padding="5dp"
            android:layout_below="@+id/btn_imageview"
            />

        <Button
            android:id="@+id/btn_grideview"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="GrideView"
            android:padding="5dp"
            android:layout_below="@+id/btn_listview"
            />

        <Button
            android:id="@+id/scrollview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Text"
            android:textAllCaps="false"
            android:layout_marginTop="300dp"
            android:layout_below="@+id/btn_grideview"/>
    </LinearLayout>

</ScrollView>
  • 水平滚动：HorizontalScrollView
    子布局也只能有一个
<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <Button
            android:id="@+id/btn_textview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView"
            android:paddingTop="0dp"/>


        <Button
            android:id="@+id/btn_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button"
            android:paddingTop="10dp"
            android:layout_below="@+id/btn_textview"/>

        <Button
            android:id="@+id/btn_edittext"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="EditText"
            android:textAllCaps="false"
            android:layout_below="@+id/btn_button"
            />
        <!--textAllCaps显示大写 -->

        <Button
            android:id="@+id/btn_radiobutton"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="RadioButton"
            android:padding="5dp"
            android:layout_below="@+id/btn_edittext"
            />

        <Button
            android:id="@+id/btn_checkbox"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="CheckBox"
            android:padding="5dp"
            android:layout_below="@+id/btn_radiobutton"
            />

        <Button
            android:id="@+id/btn_imageview"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="ImageView"
            android:padding="5dp"
            android:layout_below="@+id/btn_checkbox"
            />

        <Button
            android:id="@+id/btn_listview"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="ListView"
            android:padding="5dp"
            android:layout_below="@+id/btn_imageview"
            />

        <Button
            android:id="@+id/btn_grideview"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="GrideView"
            android:padding="5dp"
            android:layout_below="@+id/btn_listview"
            />

        <HorizontalScrollView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal">
                <Button
                    android:layout_width="200dp"
                    android:layout_height="300dp"
                    android:text="Test"
                    android:textAllCaps="false"
                    />
                <Button
                    android:layout_width="200dp"
                    android:layout_height="300dp"
                    android:text="Test"
                    android:textAllCaps="false"
                    />
                <Button
                    android:layout_width="200dp"
                    android:layout_height="300dp"
                    android:text="Test"
                    android:textAllCaps="false"
                    />
                <Button
                    android:layout_width="200dp"
                    android:layout_height="300dp"
                    android:text="Test"
                    android:textAllCaps="false"
                    />
            </LinearLayout>
        </HorizontalScrollView>
    </LinearLayout>

</ScrollView>

在这里插入图片描述

RecyclerView

（非常重要的控件）
RecyclerView能够灵活实现大数据的展示，视图的复用管理比ListView更好，能够显示列表、网格、瀑布流等形式，且不同的ViewHolder能够实现item多元化的功能。

但是使用起来会稍微麻烦一点，并且没有类似ListView的onItemClickListener监听事件，需要开发者自己实现。

WebView

加载网页

  • 加载URL（网络或者本地assets文件夹下的html文件）

加载网络URL
webview.loadUrl(“xxx”)；
加载assets下的html’文件
webview.loadUrl(“xxx”)

  • 加载html代码

webview.loadData();
webview.loadDataWithBaseURL();

  • Native和JavaScript相互调用
    在这里插入图片描述

//加载本地URL
mWvMain.loadUrl(“file:///android_asset/hello.html”);

在这里插入图片描述

//加载网络URL
mWvMain.getSettings().setJavaScriptEnabled(true);
mWvMain.loadUrl(“https://m.baidu.com”);

在这里插入图片描述

【android开发-10】android中四种布局详细介绍
jiangchaobing_2017的博客
12-01 2297
android中4中布局方式的详细介绍和使用参考用例
Android自定义视图
fjnu_se的博客
12-04 546
自定义视图主要涉及四个方面：绘图、交互、性能和封装主要涉及两个对象：画布（Canvas）和画笔（Paint），画布主要解决画什么的问题，在画布上可以绘制各种各样的图形，可以通过移动、放大、缩小等来实现不同的效果；画笔主要解决如何画、怎么画的问题，通过控制画笔的大小，线条的粗细，路径上所要实现的特殊效果（填充、文字大小、字体等）涉及触摸（TouchEvent）和动画（Animation），设计触摸或手势动作过程中引发的动画效果，如过渡、渐变等绘图的onDraw()方法工作在主线程上，要考虑主线程安全问题，遇到
Android移动开发—Listview列表视图的使用讲解及SimpleAdapter实例
m0_67392182的博客
04-04 866
main.xml说明：定义一个listivew组件
Android开发-视图基础
最新发布
qq_51626500的博客
09-07 793
Android开发-视图基础
很不错的安卓视图介绍
05-04
相当的不错 新手可以看看 我觉得还可以 里面介绍了很多Android中最常用的知识点 很有用的
跟我学Android之三 常用视图
weixin_30420305的博客
06-29 289
目标 掌握视图的概念。 明白Activity与Widget的区别。 掌握XML方式布局界面的特点和一些基本特性。 掌握几种常见基本视图的用法 学会使用代码方式进行界面布局的方法。 熟练掌握界面程序的事件驱动模型 视图（View）是可视化的界面元素,任何可视化组件都需要从android.view.View类继承,视图类通常分3种：布局类、视图容器类和基础视图类...
android应用开发详解（九）-----------------------各种视图
唇边的一抹微笑
09-26 589
一、列表视图 1、使用ArrayAdapter添加列表视图
Android 开发之旅：详解view的几种布局方式及实践
01-20
【Android 开发之旅：详解view的几种布局方式及实践】 在Android应用开发中，构建用户界面至关重要，而View和ViewGroup是构建用户界面的基础。View是Android系统中表示用户界面的基本元素，而ViewGroup则作为容器，...
浅谈Android中使用异步线程更新UI视图的几种方法
08-29
下面将介绍几种常见的方法： 1. 使用 runOnUiThread 方法 runOnUiThread 方法是 Activity 提供的一个轻量级更新 UI 的方法。在 Fragment 中需要使用的时候要用 getActivity.runOnUiThread 开启线程。该方法最简单...
Android中ListView的几种常见的优化方法总结
08-31
以下是对ListView优化的几种常见方法的详细阐述： **1. 视图复用（convertView）优化** 在ListView的`getView()`方法中，系统会尝试复用已经创建但不再可视的视图，以减少内存分配和视图构建的开销。通过检查`...
安卓图片加载缓存相关-android项目中经常会接触到加载网络图片的情况这里向大家展示几种最为常见访问网络图片的几种方式.rar
07-29
在Android开发中，图片加载和缓存是必不可少的一部分，尤其在网络图片的处理上。这个压缩包文件包含了关于Android中常见的网络图片加载库及其缓存机制的示例代码，旨在帮助开发者理解和实现高效的图片加载策略。以下...
android视图
RONG_YAO的博客
12-18 493
视图 创建一个项目时，Android studio 会创建一个<TextView/> 位置：res/layout文件夹的active_mian.xml文件中 作用：TextView视图向用户显示文本 <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!"/&g...
android视图概述
weixin_33858485的博客
08-02 217
android视图概述 一、简介       数据和控件分开的作用： 便于引用 便于修改：修改的时候直接改一次数据就可以了  
安卓2：常用的视图结构
qq_43374694的博客
01-14 403
用户在Android Studio中第一次创建一个项目，点击左侧的Project选项卡，在Project窗口下会显示不同的视图选择。其中使用主要以project视图以及android视图为主。 Android视图： 它通过类型来组织项目的文件。 Android视图最大的优点是去掉了一些我们本身不关心的文件和文件夹.(配置,属性文件等)。把一些资源文件,源文件非常清晰的合并在一起，隐藏了一些系统自动生成的文件和文件夹能够让我们更方法的管理整个项目/module. 如下图，Android视图下的App是首次创建
Android 视图(View)概述
大雁
01-05 4022
视图(View)概述翻译至 Android.View.View Class Overview，水平有限，敬请谅解。        视图(View)是一个矩形区域，它负责这个区域里的绘制和事件处理。视图类是Android用户界面的基础类之一。视图组(ViewGroup)是视图的子类，是一个容器，专门负责布局。视图组本身没有可绘制的元素。        开发用户界面可以先阅读开发者向导的用户界面(User Interface)部分。        该文章包含：                声明布局      
android应用开发详解（九）-----------------各种视图（续）
唇边的一抹微笑
09-28 446
三、画廊视图Gallery
Android 开发 | 视图基础
无夜之星辰的博客
06-11 502
宽高、间距、对齐方式
自定义LoadingView库：Android开发中的进度条/进度视图革新
在介绍这个自定义Loading View库之前，我们首先要明确在Android开发中涉及到进度条/进度视图的相关知识点： 1. 基础组件：Android原生提供了几种基础的进度指示器组件，包括： - ProgressBar：用于显示一个简单的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值