精华内容
下载资源
问答
  • Android 网格布局

    2020-06-18 10:47:30
    Android网格布局设计一个Android界面,并能够在Android模拟器上成功运行。 1.相关代码: <GridLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools=...

    用Android网格布局设计一个Android界面,并能够在Android模拟器上成功运行。

    1.相关代码:

    <GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    
        xmlns:tools="http://schemas.android.com/tools"
    
        android:id="@+id/GridLayout1"
    
        android:layout_width="match_parent"
    
        android:layout_height="wrap_content"
    
        android:columnCount="4"
    
        android:orientation="horizontal"
    
        android:rowCount="5"
    
        >
    <ImageView
    
        android:layout_columnSpan="4"
    
        android:id="@+id/img"
    
        android:layout_width="wrap_content"
    
        android:layout_height="200dp"
    
        android:layout_gravity="fill"
    
        android:paddingTop="5dp"
    
        android:paddingBottom="5dp"
    
        android:layout_marginLeft="5dp"
    
        android:layout_marginRight="5dp"
    
        android:layout_marginTop="5dp"
    
        android:src="@drawable/img1"/>
        
    <Button
    
        android:layout_marginLeft="10dp"
    
        android:layout_height="@dimen/dimen1"
    
        android:text="排行"
    
        android:background="#7bb6ff" />
    
    
    
    <Button
    
        android:layout_height="@dimen/dimen1"
    
        android:text="新字"
    
        android:background="#94E91E7D"/>
    
    <Button
    
        android:layout_height="@dimen/dimen1"
    
        android:text="Mate30"
    
        android:background="#FF5722"/>
    
    <Button
    
        android:layout_height="@dimen/dimen1"
    
        android:text="炫动字体"
    
        android:background="#CDDC39"/>
        <Button
    
        android:text="潇湘行书"
    
        android:background="#F5D4D9"
    
        android:textSize="@dimen/dimen"
    
        android:paddingTop="5dp"
    
        android:layout_marginLeft="10dp"
    
        android:layout_gravity="fill"
    
        android:layout_height="@dimen/dimen2"
    
        android:layout_columnSpan="2" />
    
    <Button
    
        android:text="墨染行楷"
    
        android:background="#ffffff"
    
        android:textSize="@dimen/dimen"
    
        android:paddingTop="5dp"
    
        android:layout_marginRight="10dp"
    
        android:layout_gravity="fill"
    
        android:layout_height="@dimen/dimen2"
    
        android:layout_columnSpan="2"/>
    
    <Button
    
        android:text="清竹硬笔行书"
    
        android:background="#ffffff"
    
        android:textSize="@dimen/dimen"
    
        android:paddingTop="5dp"
    
        android:layout_marginLeft="10dp"
    
        android:layout_gravity="fill"
    
        android:layout_height="@dimen/dimen2"
    
        android:layout_columnSpan="2" />
    
    <Button
    
        android:text="汉仪行楷"
    
        android:background="#F5D4D9"
    
        android:textSize="@dimen/dimen"
    
        android:paddingTop="5dp"
    
        android:layout_marginRight="10dp"
    
        android:layout_gravity="fill"
    
        android:layout_height="@dimen/dimen2"
    
        android:layout_columnSpan="2"/>
    
    <Button
    
        android:text="兰亭行书"
    
        android:background="#F5D4D9"
    
        android:textSize="@dimen/dimen"
    
        android:paddingTop="5dp"
    
        android:layout_marginLeft="10dp"
    
        android:layout_gravity="fill"
    
        android:layout_height="@dimen/dimen2"
    
        android:layout_columnSpan="2" />
    
    <Button
    
        android:text="红笺小字"
    
        android:background="#ffffff"
    
        android:textSize="@dimen/dimen"
    
        android:paddingTop="5dp"
    
        android:layout_marginRight="10dp"
        
        android:layout_gravity="fill"
    
        android:layout_height="@dimen/dimen2"
    
        android:layout_columnSpan="2"/>
    </GridLayout>
    

    2.效果图:
    在这里插入图片描述

    展开全文
  • Android网格布局

    2021-01-27 11:53:35
    网格布局Android4.0新增的布局,它实现了控件的交错显示,能够避免因布局嵌套对设备性能的影响,更利于自由布局的开发。 网格布局用一组无限细的直线将绘图区域分成行,列和单元,并指定控件的显示区域和控件在该...

    1、网格布局简述

    • 网格布局是Android4.0新增的布局,它实现了控件的交错显示,能够避免因布局嵌套对设备性能的影响,更利于自由布局的开发。
    • 网格布局用一组无限细的直线将绘图区域分成行,列和单元,并指定控件的显示区域和控件在该区域的显示方式。
    • 可以自己设置布局中组件的排列方式
    • 可以自定义网格布局由多少行,多少列
    • 可以直接设置组件位于某行某咧
    • 可以设置组件横跨几行或者几列
    • 默认组件放的位置:从第一行第一列开始放组件;行满了之后从下一行开始放组件。
      属性图:
      在这里插入图片描述
    展开全文
  • android网格布局

    2019-12-01 22:44:49
    android:verticalSpacing 垂直方向距离 java方法 功能 值的含义 LayoutParams. 封装了Layout的位置、高、宽等信息 1、一个确定的 2、FILL_PARENT,即填满(和父容器一样大小);3,WRAP_CONTENT,即包裹住...
    属性 功能
    numColumns="auto_fit 自适应行数
    android:verticalSpacing 垂直方向距离
    java方法 功能 值的含义
    LayoutParams. 封装了Layout的位置、高、宽等信息 1、一个确定的 2、FILL_PARENT,即填满(和父容器一样大小);3,WRAP_CONTENT,即包裹住组件就好。

    SetScaleType方法。

    方法 功能
    SetScaleType(ImageView.ScaleType.CENTER) 按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示
    SetScaleType(ImageView.ScaleType.CENTER_CROP) 按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽)
    setScaleType(ImageView.ScaleType.CENTER_INSIDE) 将图片的内容完整居中显示,通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽
    setScaleType(ImageView.ScaleType.FIT_CENTER) 把图片按比例扩大/缩小到View的宽度,居中显示
    FIT_START, FIT_END在图片缩放效果上与FIT_CENTER一样, 只是显示的位置不同,FIT_START是置于顶部,FIT_CENTER居中,FIT_END置于底部。
    FIT_XY 不按比例缩放图片,目标是把图片塞满整个View

    效果图:
    在这里插入图片描述

    <GridView 
           android:id="@+id/gridView"
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           android:gravity="center"
           android:numColumns="auto_fit"
           
           android:verticalSpacing="5dp"
           android:columnWidth="100dp"
           >
           
       </GridView>
    
    public class MainActivity extends Activity{
    	private int[] incon = {R.drawable.app_icon,R.drawable.banner_1,R.drawable.banner_2,R.drawable.app_icon,
    			R.drawable.banner_1,R.drawable.banner_2,R.drawable.app_icon,R.drawable.banner_1,R.drawable.banner_2};
    	
    	 @Override
    	    protected void onCreate(Bundle savedInstanceState) {
    	        super.onCreate(savedInstanceState);
    	        setContentView(R.layout.activity_main);
    	        GridView gridView = (GridView)findViewById(R.id.gridView);
    	        gridView.setAdapter(new imgApdapter(this));
    	        
    	 }
    	
    	public class imgApdapter extends BaseAdapter{
    		private Context content;
    		public imgApdapter(Context c){
    			content=c;
    		}
    		
    		@Override
    		public int getCount() {
    			// TODO Auto-generated method stub
    			return incon.length;
    		}
    
    		@Override
    		public Object getItem(int arg0) {
    			
    			return null;
    		}
    
    		@Override
    		public long getItemId(int arg0) {
    			
    			return 0;
    		}
    
    		@Override
    		public View getView(int position, View convertView, ViewGroup view) {
    			ImageView imageView;
    			if(convertView==null){
    				imageView= new ImageView(content);
    				//设置控件的宽和高
    				imageView.setLayoutParams(new GridView.LayoutParams(100,90));
    //				按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽)
    				imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
    				
    			}else{
    				imageView = (ImageView)convertView;
    			}
    			imageView.setImageResource(incon[position]);
    			//返回一个图像布局。
    			return imageView;
    		}
    		
    	}
    }
    
    展开全文
  • Android网格布局选中效果 其实就是Adapter 的代码编写 其中项目里有简单的选中和没选中效果的资源图片
  • 主要为大家详细介绍了Android网格布局GirdView的学习使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 北京信息职业技术学院 | 范美英 Android网格布局GridLayout的 使用场合及简要介绍 网格布局GridLayout GridLayout布局使用虚细线将布局划分为行列和单元格也支持一个控件在行列上都有交错排列 GridLayout使用的其实...
  • 主要为大家详细介绍了Android网格布局GridView实现漂亮的多选效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • Android网格布局的简单使用

    千次阅读 2015-09-28 19:54:19
    Android网格布局的简单使用运行效果如图: 点击事件效果: 功能:GridView 组件的使用,图片以3*8排列,点击图片弹出对话框显示图片。 Java反射 SimpleAdapter的进行封装数据 OnItemClickListener事件的使用 ...

    Android网格布局的简单使用


    运行效果如图:
    这里写图片描述
    点击事件效果:
    这里写图片描述


    功能:GridView 组件的使用,图片以3*8排列,点击图片弹出对话框显示图片。

    • Java反射
    • SimpleAdapter的进行封装数据
    • OnItemClickListener事件的使用
    • AlertDialog的基本使用

    主布局文件 activity_main.xml

    <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"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context="com.example.gridviewdemo.MainActivity" >
    
        <GridView
            android:id="@+id/gv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:numColumns="3" />
    
    </RelativeLayout>

    显示Item的布局模板 title_view.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" >
    
        <ImageView
            android:id="@+id/img"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:contentDescription="@string/bookdesc"
            android:scaleType="center" />
    
    </LinearLayout>

    主程序 MainActivity.java

    package com.example.gridviewdemo;
    
    import android.app.Activity;
    import android.app.AlertDialog;
    import android.app.Dialog;
    import android.content.DialogInterface;
    import android.content.DialogInterface.OnClickListener;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.AdapterView;
    import android.widget.AdapterView.OnItemClickListener;
    import android.widget.GridView;
    import android.widget.ImageView;
    import android.widget.SimpleAdapter;
    
    import java.lang.reflect.Field;
    import java.util.*;
    
    public class MainActivity extends Activity {
    
        private GridView gridView = null;
    
        private List<Map<String, Integer>> list = new ArrayList<Map<String, Integer>>();
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            gridView = (GridView) findViewById(R.id.gv); // 获取组件
    
            setData();
    
            gridView.setAdapter(getAdapter());
    
            // 下面设置点击事件
    
            gridView.setOnItemClickListener(new OnItemClickListener() {
    
                @Override
                public void onItemClick(AdapterView<?> parent, View view,
                        int position, long id) {
                    ImageView iv = new ImageView(MainActivity.this);
                    Map<String, Integer> map = list.get(position);
                    iv.setImageResource(map.get("img"));
                    Dialog dialog = new AlertDialog.Builder(MainActivity.this)
                            .setIcon(R.drawable.pic_gdqy).setTitle("查看图片")
                            .setView(iv)
                            .setNegativeButton("关闭", new OnClickListener() {
    
                                @Override
                                public void onClick(DialogInterface dialog,
                                        int which) {
    
                                }
                            }).create();
    
                    dialog.show();
                }
            });
    
        }
    
        // 设置数据
        private void setData() {
            Field[] data = R.drawable.class.getDeclaredFields(); // 得到drawable下所有的图片文件字段
    
            if (data != null && data.length != 0) {
    
                for (int i = 0; i < data.length; i++) {
                    try {
                        // 如果是以png开头的话 那么就是图片数据
                        if (data[i].getName().startsWith("png_")) {
                            Map<String, Integer> map = new HashMap<String, Integer>();
                            map.put("img",
                                    (Integer) data[i].getInt(R.drawable.class));
                            list.add(map);
                        }
                    } catch (Exception e) {
                        e.printStackTrace();
                    }
                }
            }
    
        }
    
        private SimpleAdapter getAdapter() {
    
            SimpleAdapter adapter = new SimpleAdapter(this, list,
                    R.layout.title_view, new String[] { "img" },
                    new int[] { R.id.img });
    
            return adapter;
        }
    
    }
    

    2015年9月28日


                                   一步一个脚印
    
    展开全文
  • android布局中的网格布局, 适合新手学习
  • #Android网格布局设置可以选中其中一个** Android GridView列表中的按钮要控制点击的时候选中其中一个, 如果使用系统的属性和方法试了几个确实不好实现,后面动了一点脑筋,就实现了。 效果: 其实代码实现并不难...
  • 1 <GridLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:tools="http://schemas.android.com/tools" 3 android:id="@+id/GridLayout1" 4 android:lay...
  • 1 <?xml version="1.0" encoding="utf-8"?> 2 <GridLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" ... 4 android:layout_...
  • 想要实现这个功能,可以使用recyclerview,可以使用GridView。...布局: GridView android:id="@+id/name_search_gridView" android:layout_width="match_parent" android:layout_height="match_parent
  • Android网格布局实现--recyclerview

    千次阅读 2018-01-16 15:14:07
    接上一篇内容,使用RecyclerView实现; android:id="@+id/rvGrid" android:layout_width="match_parent" android:layout_height="0px" android:layout_marginRight="30px" android:layout_marginTop="20px" an
  • 1.xml,这是个仿qq聊天界面的简易设计 <?xml version="1.0" encoding="utf-8"?> <TextView android:id="@+id/textView1" android:background="@drawable/bg_textview" android:maxWidth=... android...
  • 本博文是Android程序设计的初级阶段,主要采用网格布局搭建计算器界面。博文需要Andrio Studio并且有会成功跑hello world的基础,如果不会,下面mooc链接传送给你:20分钟即可学会的那种!
  • 一、网格布局概述类似表格布局,但网格布局:可以自己设置布局中组件的排列方式可以自定义网格布局有多少行,多少列可以直接设置组件位于某行某列可以设置组件横跨几行或者几列二、重要属性1、设置布局中组件的排列...
  • 应用开发的时候,有时我们需要将一些图片进行预览,例如:相片管理的应用。这个时候用ListView 的话就显得不是太合适了,因为ListView的展现...这里就可以使用GridView,android中的网格布局来实现了。 GridView控件...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,549
精华内容 619
关键字:

android网格布局