AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

Android 高级控件

2016-08-01 1813
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 高级控件： GridView ScrollView ViewPager SlideMenu PullToRefreshListView 1.ScrollView视图（滚动视图）可以有效的安排这些组件，浏览时可以进行滚屏的操作 垂直滚动——ScrollView 水平滚动——HorizontalScrollView ScrollView是单一容器，只能包含一个组件 练习

高级控件：

GridView

ScrollView
ViewPager
SlideMenu

PullToRefreshListView


1.ScrollView视图（滚动视图）可以有效的安排这些组件，浏览时可以进行滚屏的操作
垂直滚动——ScrollView
水平滚动——HorizontalScrollView
ScrollView是单一容器，只能包含一个组件

练习：设置界面的垂直滚动

                       理想效果                                                         完成效果


布局：

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

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            >
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:layout_marginLeft="20dp"
                >
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textSize="30sp"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="设置"
                    android:textSize="30sp"
                    android:layout_marginLeft="100dp"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="意见反馈"
                    android:layout_gravity="center"
                    android:layout_marginLeft="100dp"
                    />
            </LinearLayout>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#d9d3d3"
                />
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="10dp"
                >
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="列表显示摘要"
                    android:textSize="20sp"
                    />
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="170dp"
                    />
            </LinearLayout>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#d9d3d3"
                />
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="10dp"
                >
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="字体大小"
                    android:textSize="20sp"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="中"
                    android:layout_marginLeft="220dp"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text=">"
                    android:textSize="20sp"
                    android:layout_marginLeft="10dp"
                    />
            </LinearLayout>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#d9d3d3"
                />
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="10dp"
                >
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="列表页评论"
                    android:textSize="20sp"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="不限"
                    android:layout_marginLeft="190dp"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text=">"
                    android:textSize="20sp"
                    android:layout_marginLeft="10dp"
                    />
            </LinearLayout>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#d9d3d3"
                />
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="10dp"
                >
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="2G/3G网络流量"
                    android:textSize="20sp"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="较省流量（智能下图）"
                    android:layout_gravity="center"
                    android:layout_marginLeft="50dp"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text=">"
                    android:textSize="20sp"
                    android:layout_marginLeft="1dp"
                    />
            </LinearLayout>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#d9d3d3"
                />
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="10dp"
                >
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="清理缓存"
                    android:textSize="20sp"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="当前缓存：2.48MB"
                    android:layout_gravity="center"
                    android:layout_marginLeft="120dp"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text=">"
                    android:textSize="20sp"
                    android:layout_marginLeft="10dp"
                    />
            </LinearLayout>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#d9d3d3"
                />
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="30dp"
                >
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="推送通知"
                    android:textSize="20sp"
                    />
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:checked="true"
                    android:layout_marginLeft="210dp"
                    />
            </LinearLayout>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#d9d3d3"
                />
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="10dp"
                >
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="互动插件"
                    android:textSize="20sp"
                    />
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:checked="true"
                    android:layout_marginLeft="210dp"
                    />
            </LinearLayout>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#d9d3d3"
                />
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="10dp"
                >
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="自动优化阅读"
                    android:textSize="20sp"
                    />
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:checked="true"
                    android:layout_marginLeft="170dp"
                    />
            </LinearLayout>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#d9d3d3"
                />
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="10dp"
                >
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="收藏时转发"
                    android:textSize="20sp"
                    />
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="190dp"
                    />
            </LinearLayout>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#d9d3d3"
                />
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="10dp"
                >
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="顶踩时转发"
                    android:textSize="20sp"
                    />
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="190dp"
                    />
            </LinearLayout>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#d9d3d3"
                />
        </LinearLayout>
    </ScrollView>
</RelativeLayout>
2.GridView常用属性

android:numColumns=”auto_fit” //GridView的列数设置为自动
android:columnWidth=”90dp " //每列的宽度，也就是Item的宽度
android:stretchMode=”columnWidth“//设置缩放模式，与列宽大小同步
android:verticalSpacing=”10dp” //两行之间的边距
android:horizontalSpacing=”10dp” //两列之间的边距
android:cacheColorHint="#00000000" //去除拖动时默认的黑色背景
android:listSelector="#00000000" //去除选中时的黄色底色
android:scrollbars="none" //隐藏GridView的滚动条

练习：利用GridView完成如下图所示效果

                           理想效果                                                                      完成效果


布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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="com.example.administrator.jreduch05.GridView_Activity">

    <GridView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/gv"
        android:numColumns="auto_fit"
        android:columnWidth="100dp"
        android:horizontalSpacing="5dp"
        android:verticalSpacing="5dp"
        android:cacheColorHint="#00000000"
        android:listSelector="#00000000"
        android:scrollbars="none"
        android:stretchMode="columnWidth"
        >
    </GridView>
</RelativeLayout>

<?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">
<ImageView
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:id="@+id/iv"
    android:src="@mipmap/ic_launcher"
    android:scaleType="centerCrop"
    />
    <TextView
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:id="@+id/tv"
        android:gravity="center"
        android:text="测试"
        />
</LinearLayout>

代码：

package com.example.administrator.jreduch05;

import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.SimpleAdapter;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class GridView_Activity extends AppCompatActivity {
    private GridView gv;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_grid_view_);
        gv=(GridView) findViewById(R.id.gv);
        final List list =new ArrayList();

        Map map=new HashMap();
        map.put("img", R.mipmap.dahai);
        map.put("name", "深海");
        list.add(map);

         map=new HashMap();
        map.put("img",R.mipmap.jietu1);
        map.put("name","深海");
        list.add(map);

         map=new HashMap();
        map.put("img",R.mipmap.dianzan);
        map.put("name","深海");
        list.add(map);

         map=new HashMap();
        map.put("img",R.mipmap.pinglun);
        map.put("name","深海");
        list.add(map);

         map=new HashMap();
        map.put("img",R.mipmap.renrou);
        map.put("name","深海");
        list.add(map);

         map=new HashMap();
        map.put("img",R.mipmap.sannv);
        map.put("name","深海");
        list.add(map);

        map=new HashMap();
        map.put("img",R.mipmap.wuzhi);
        map.put("name","深海");
        list.add(map);

        /*
        1.simpleAdapter 使用的数据源必须继承 Map 接口
        2.from 参数的意思是 指向数据源 Map中的键
        3.to   参数的意思是  为布局中控件ID赋值
         */

        SimpleAdapter sa=new SimpleAdapter(this,list,
                R.layout.gridlayout,
                new String[]{"img","name"},
                new int[]{R.id.iv,R.id.tv}
                );
        gv.setAdapter(sa);
        gv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Map map=(Map)list.get(position);
                Intent intent=new Intent(GridView_Activity.this,Datu_Activity.class);
                intent.putExtra("img", (int) map.get("img"));
                startActivity(intent);

            }
        });
    }
}

文章标签：
Android开发
数据格式
XML
funder
目录
相关文章
阿里云安全_
|
7天前
|
人工智能 JSON 安全
Fastjson远程代码执行漏洞，阿里云AI安全为您保驾护航
阿里云AI安全产品联动防御Fastjson攻击
阿里云安全_
2043 11
Fastjson远程代码执行漏洞，阿里云AI安全为您保驾护航
阿里云安全_
|
7天前
|
云安全 人工智能 安全
Qoder Security重磅上线：为每位开发者，配了一位专属安全工程师
安全，从第一行代码开始。
阿里云安全_
1337 6
一条云
|
7天前
|
人工智能 自然语言处理 数据挖掘
Qwen3.8-Max-Preview深度全解析：2.4万亿参数旗舰MoE模型+Token Plan限时优惠完整落地指南
2026年7月，全新旗舰级混合专家大模型Qwen3.8-Max-Preview正式开放抢先体验，作为通义千问Qwen3系列规格最高、综合推理能力顶尖的新一代模型，该模型总参数量达到2.4万亿（2.4T），是当前线上可调用的原生多模态旗舰模型，综合推理水准对标海外顶级Fable 5模型，在复杂工程开发、长文档深度分析、多步骤智能体自治、跨境多语言创作、海量数据挖掘五大高难度业务场景实现跨越式性能提升。
一条云
902 1
一条云
|
7天前
|
人工智能 自然语言处理 数据挖掘
最新版通义千问（Qwen3.8-Max-Preview）功能介绍
2026年，通义千问正式推出全新旗舰级大模型 **Qwen3.8-Max-Preview 预览版**，作为首款突破万亿参数规格的新一代基座模型，该模型总参数量达到**2.4万亿**，采用全新迭代的MoE混合专家架构，综合推理性能、长文本处理、多模态理解、复杂任务规划能力全面超越前代Qwen3.7-Max版本，整体实力跻身全球第一梯队，可对标海外顶级旗舰模型，是当前面向复杂工程开发、多智能体协同、超长文档解析、专业办公自动化场景的最优国产基座模型。
一条云
910 0
developer_article
|
9天前
|
人工智能
Qwen3.8抢先体验！正式版即将发布并开源！
千问Qwen3.8即将开源，参数达2.4T，进化速度以“天”计，实力媲美Fable 5。预览版Qwen3.8-Max已上线阿里Token Plan等平台，限时优惠：日间Credits低至1折，夜间更优，个人/团队版月付仅35元起！
developer_article
912 39
小鲸云
|
5天前
|
自然语言处理 测试技术 API
通义千问Qwen3.8-Max-Preview全功能解析：2.4万亿参数旗舰模型深度使用指南
在大模型技术持续迭代的当下，通义千问推出的Qwen3.8-Max-Preview作为新一代旗舰预览版模型，凭借2.4万亿参数的超大规模、多模态融合能力与全场景适配特性，成为开发者与企业用户探索AI应用的核心工具。该模型采用稀疏混合专家（MoE）架构，是通义千问首个突破万亿参数的多模态模型，可同时处理文本、图像、视频与文档等多种数据形态，在全栈代码开发、复杂逻辑推理、长文档分析与多智能体协作等场景实现跨越式升级。本文将全面拆解Qwen3.8-Max-Preview的核心功能，详解API调用流程与配置方法，覆盖多场景实战技巧，帮助用户快速掌握这款旗舰模型的使用方法，充分释放其性能潜力。
小鲸云
444 1
云小帮
|
8天前
|
人工智能 自然语言处理 数据挖掘
Qwen3.8-Max 预览版全解析：2.4 万亿参数旗舰模型，Token Plan 限时优惠指南
Qwen3.8-Max-Preview是通义千问Qwen3系列旗舰MoE大模型，参数达2.4万亿，综合推理能力居行业第一梯队。支持思考/快速双模式，擅长大模型五大高难场景。现于阿里云百炼Token Plan、Qoder及QoderWork上线体验，个人版低至39元/月。在阿里云百炼官网：https://t.aliyun.com/U/fPVHqY 免费领取千万Tokens
云小帮
669 1
Qwen3.8-Max 预览版全解析：2.4 万亿参数旗舰模型，Token Plan 限时优惠指南

热门文章

最新文章

  • 1
    如何 3 行代码使用 arduino 接入阿里云物联网平台
  • 2
    Zero-Shot, One-Shot, and Few-Shot Learning概念介绍
  • 3
    Mac OS下maven安装与配置
  • 4
    软件界面有乱码是什么原因，如何解决？
  • 5
    【WEB】当HTTPS资源引入HTTP导致报错blocked:mixed-content （混合加载/Mixed Content）如何解决
  • 6
    Maven超细致史上最全Maven下载安装配置教学（2022更新...全版本）建议收藏...赠送IDEA配置Maven教程
  • 7
    kibana 报错 elasticsearch service Unavailable
  • 8
    mysql中有大量sleep进程的原因与解决办法
  • 9
    【微服务系列笔记】Seata
  • 10
    配置Hyper-V Server 资源计量
  • 1
    OMI/Aura 臭氧(O3)总柱 1-轨道 L2 条带 13x24 公里 V003 (OMTO3)
    30
  • 2
    基于YOLO11的无人机秸秆焚烧检测：从数据标注到云上训练全流程实践
    39
  • 3
    祁木 CAD Translator：基于阿里云百炼与 DeepSeek 的图纸翻译实战
    45
  • 4
    祁木 CAD Translator 英文建筑图纸翻译实战指南（百炼大模型）
    41
  • 5
    公鸡母鸡目标检测识别数据集：1,300张图像 | 目标检测分类识别
    24
  • 6
    如何改变win 10 console字体设置
    26
  • 7
    高寒野外场景下，专网通信系统云端部署与弱网适配优化实践
    41
  • 8
    为什么RAR有RAR3、RAR5，唯独没有RAR4？一文彻底搞懂RAR加密原理与密码恢复
    59
  • 9
    阿里云Qoder CN AI编程智能体：重塑开发全流程的智能助手
    72

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    一条命令迁移，帮你实现 OpenClaw 与 Hermes Agent 记忆互通！