Android 高级控件

Bertha 。 2022-09-24 13:30 262阅读 0赞

高级控件：

GridView

ScrollView
ViewPager
SlideMenu

PullToRefreshListView

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

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

理想效果 完成效果

CenterCenter 1

布局：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:orientation="vertical" android:layout_width="match_parent"
  4.     android:layout_height="match_parent">
  5.     <ScrollView
  6.         android:layout_width="wrap_content"
  7.         android:layout_height="wrap_content">
  9.         <LinearLayout
  10.             android:layout_width="match_parent"
  11.             android:layout_height="wrap_content"
  12.             android:orientation="vertical"
  13.             >
  14.             <LinearLayout
  15.                 android:layout_width="match_parent"
  16.                 android:layout_height="wrap_content"
  17.                 android:orientation="horizontal"
  18.                 android:layout_marginLeft="20dp"
  19.                 >
  20.                 <TextView
  21.                     android:layout_width="wrap_content"
  22.                     android:layout_height="wrap_content"
  23.                     android:textSize="30sp"
  24.                     />
  25.                 <TextView
  26.                     android:layout_width="wrap_content"
  27.                     android:layout_height="wrap_content"
  28.                     android:text="设置"
  29.                     android:textSize="30sp"
  30.                     android:layout_marginLeft="100dp"
  31.                     />
  32.                 <TextView
  33.                     android:layout_width="wrap_content"
  34.                     android:layout_height="wrap_content"
  35.                     android:text="意见反馈"
  36.                     android:layout_gravity="center"
  37.                     android:layout_marginLeft="100dp"
  38.                     />
  39.             </LinearLayout>
  40.             <TextView
  41.                 android:layout_width="match_parent"
  42.                 android:layout_height="1dp"
  43.                 android:background="#d9d3d3"
  44.                 />
  45.             <LinearLayout
  46.                 android:layout_width="wrap_content"
  47.                 android:layout_height="wrap_content"
  48.                 android:orientation="horizontal"
  49.                 android:layout_marginLeft="20dp"
  50.                 android:layout_marginTop="10dp"
  51.                 >
  52.                 <TextView
  53.                     android:layout_width="wrap_content"
  54.                     android:layout_height="wrap_content"
  55.                     android:text="列表显示摘要"
  56.                     android:textSize="20sp"
  57.                     />
  58.                 <CheckBox
  59.                     android:layout_width="wrap_content"
  60.                     android:layout_height="wrap_content"
  61.                     android:layout_marginLeft="170dp"
  62.                     />
  63.             </LinearLayout>
  64.             <TextView
  65.                 android:layout_width="match_parent"
  66.                 android:layout_height="1dp"
  67.                 android:background="#d9d3d3"
  68.                 />
  69.             <LinearLayout
  70.                 android:layout_width="match_parent"
  71.                 android:layout_height="wrap_content"
  72.                 android:orientation="horizontal"
  73.                 android:layout_marginLeft="20dp"
  74.                 android:layout_marginTop="10dp"
  75.                 >
  76.                 <TextView
  77.                     android:layout_width="wrap_content"
  78.                     android:layout_height="wrap_content"
  79.                     android:text="字体大小"
  80.                     android:textSize="20sp"
  81.                     />
  82.                 <TextView
  83.                     android:layout_width="wrap_content"
  84.                     android:layout_height="wrap_content"
  85.                     android:text="中"
  86.                     android:layout_marginLeft="220dp"
  87.                     />
  88.                 <TextView
  89.                     android:layout_width="wrap_content"
  90.                     android:layout_height="wrap_content"
  91.                     android:text=">"
  92.                     android:textSize="20sp"
  93.                     android:layout_marginLeft="10dp"
  94.                     />
  95.             </LinearLayout>
  96.             <TextView
  97.                 android:layout_width="match_parent"
  98.                 android:layout_height="1dp"
  99.                 android:background="#d9d3d3"
  100.                 />
  101.             <LinearLayout
  102.                 android:layout_width="wrap_content"
  103.                 android:layout_height="wrap_content"
  104.                 android:orientation="horizontal"
  105.                 android:layout_marginLeft="20dp"
  106.                 android:layout_marginTop="10dp"
  107.                 >
  108.                 <TextView
  109.                     android:layout_width="wrap_content"
  110.                     android:layout_height="wrap_content"
  111.                     android:text="列表页评论"
  112.                     android:textSize="20sp"
  113.                     />
  114.                 <TextView
  115.                     android:layout_width="wrap_content"
  116.                     android:layout_height="wrap_content"
  117.                     android:text="不限"
  118.                     android:layout_marginLeft="190dp"
  119.                     />
  120.                 <TextView
  121.                     android:layout_width="wrap_content"
  122.                     android:layout_height="wrap_content"
  123.                     android:text=">"
  124.                     android:textSize="20sp"
  125.                     android:layout_marginLeft="10dp"
  126.                     />
  127.             </LinearLayout>
  128.             <TextView
  129.                 android:layout_width="match_parent"
  130.                 android:layout_height="1dp"
  131.                 android:background="#d9d3d3"
  132.                 />
  133.             <LinearLayout
  134.                 android:layout_width="wrap_content"
  135.                 android:layout_height="wrap_content"
  136.                 android:orientation="horizontal"
  137.                 android:layout_marginLeft="20dp"
  138.                 android:layout_marginTop="10dp"
  139.                 >
  140.                 <TextView
  141.                     android:layout_width="wrap_content"
  142.                     android:layout_height="wrap_content"
  143.                     android:text="2G/3G网络流量"
  144.                     android:textSize="20sp"
  145.                     />
  146.                 <TextView
  147.                     android:layout_width="wrap_content"
  148.                     android:layout_height="wrap_content"
  149.                     android:text="较省流量（智能下图）"
  150.                     android:layout_gravity="center"
  151.                     android:layout_marginLeft="50dp"
  152.                     />
  153.                 <TextView
  154.                     android:layout_width="wrap_content"
  155.                     android:layout_height="wrap_content"
  156.                     android:text=">"
  157.                     android:textSize="20sp"
  158.                     android:layout_marginLeft="1dp"
  159.                     />
  160.             </LinearLayout>
  161.             <TextView
  162.                 android:layout_width="match_parent"
  163.                 android:layout_height="1dp"
  164.                 android:background="#d9d3d3"
  165.                 />
  166.             <LinearLayout
  167.                 android:layout_width="wrap_content"
  168.                 android:layout_height="wrap_content"
  169.                 android:orientation="horizontal"
  170.                 android:layout_marginLeft="20dp"
  171.                 android:layout_marginTop="10dp"
  172.                 >
  173.                 <TextView
  174.                     android:layout_width="wrap_content"
  175.                     android:layout_height="wrap_content"
  176.                     android:text="清理缓存"
  177.                     android:textSize="20sp"
  178.                     />
  179.                 <TextView
  180.                     android:layout_width="wrap_content"
  181.                     android:layout_height="wrap_content"
  182.                     android:text="当前缓存：2.48MB"
  183.                     android:layout_gravity="center"
  184.                     android:layout_marginLeft="120dp"
  185.                     />
  186.                 <TextView
  187.                     android:layout_width="wrap_content"
  188.                     android:layout_height="wrap_content"
  189.                     android:text=">"
  190.                     android:textSize="20sp"
  191.                     android:layout_marginLeft="10dp"
  192.                     />
  193.             </LinearLayout>
  194.             <TextView
  195.                 android:layout_width="match_parent"
  196.                 android:layout_height="1dp"
  197.                 android:background="#d9d3d3"
  198.                 />
  199.             <LinearLayout
  200.                 android:layout_width="wrap_content"
  201.                 android:layout_height="wrap_content"
  202.                 android:orientation="horizontal"
  203.                 android:layout_marginLeft="20dp"
  204.                 android:layout_marginTop="30dp"
  205.                 >
  206.                 <TextView
  207.                     android:layout_width="wrap_content"
  208.                     android:layout_height="wrap_content"
  209.                     android:text="推送通知"
  210.                     android:textSize="20sp"
  211.                     />
  212.                 <CheckBox
  213.                     android:layout_width="wrap_content"
  214.                     android:layout_height="wrap_content"
  215.                     android:checked="true"
  216.                     android:layout_marginLeft="210dp"
  217.                     />
  218.             </LinearLayout>
  219.             <TextView
  220.                 android:layout_width="match_parent"
  221.                 android:layout_height="1dp"
  222.                 android:background="#d9d3d3"
  223.                 />
  224.             <LinearLayout
  225.                 android:layout_width="wrap_content"
  226.                 android:layout_height="wrap_content"
  227.                 android:orientation="horizontal"
  228.                 android:layout_marginLeft="20dp"
  229.                 android:layout_marginTop="10dp"
  230.                 >
  231.                 <TextView
  232.                     android:layout_width="wrap_content"
  233.                     android:layout_height="wrap_content"
  234.                     android:text="互动插件"
  235.                     android:textSize="20sp"
  236.                     />
  237.                 <CheckBox
  238.                     android:layout_width="wrap_content"
  239.                     android:layout_height="wrap_content"
  240.                     android:checked="true"
  241.                     android:layout_marginLeft="210dp"
  242.                     />
  243.             </LinearLayout>
  244.             <TextView
  245.                 android:layout_width="match_parent"
  246.                 android:layout_height="1dp"
  247.                 android:background="#d9d3d3"
  248.                 />
  249.             <LinearLayout
  250.                 android:layout_width="wrap_content"
  251.                 android:layout_height="wrap_content"
  252.                 android:orientation="horizontal"
  253.                 android:layout_marginLeft="20dp"
  254.                 android:layout_marginTop="10dp"
  255.                 >
  256.                 <TextView
  257.                     android:layout_width="wrap_content"
  258.                     android:layout_height="wrap_content"
  259.                     android:text="自动优化阅读"
  260.                     android:textSize="20sp"
  261.                     />
  262.                 <CheckBox
  263.                     android:layout_width="wrap_content"
  264.                     android:layout_height="wrap_content"
  265.                     android:checked="true"
  266.                     android:layout_marginLeft="170dp"
  267.                     />
  268.             </LinearLayout>
  269.             <TextView
  270.                 android:layout_width="match_parent"
  271.                 android:layout_height="1dp"
  272.                 android:background="#d9d3d3"
  273.                 />
  274.             <LinearLayout
  275.                 android:layout_width="wrap_content"
  276.                 android:layout_height="wrap_content"
  277.                 android:orientation="horizontal"
  278.                 android:layout_marginLeft="20dp"
  279.                 android:layout_marginTop="10dp"
  280.                 >
  281.                 <TextView
  282.                     android:layout_width="wrap_content"
  283.                     android:layout_height="wrap_content"
  284.                     android:text="收藏时转发"
  285.                     android:textSize="20sp"
  286.                     />
  287.                 <CheckBox
  288.                     android:layout_width="wrap_content"
  289.                     android:layout_height="wrap_content"
  290.                     android:layout_marginLeft="190dp"
  291.                     />
  292.             </LinearLayout>
  293.             <TextView
  294.                 android:layout_width="match_parent"
  295.                 android:layout_height="1dp"
  296.                 android:background="#d9d3d3"
  297.                 />
  298.             <LinearLayout
  299.                 android:layout_width="wrap_content"
  300.                 android:layout_height="wrap_content"
  301.                 android:orientation="horizontal"
  302.                 android:layout_marginLeft="20dp"
  303.                 android:layout_marginTop="10dp"
  304.                 >
  305.                 <TextView
  306.                     android:layout_width="wrap_content"
  307.                     android:layout_height="wrap_content"
  308.                     android:text="顶踩时转发"
  309.                     android:textSize="20sp"
  310.                     />
  311.                 <CheckBox
  312.                     android:layout_width="wrap_content"
  313.                     android:layout_height="wrap_content"
  314.                     android:layout_marginLeft="190dp"
  315.                     />
  316.             </LinearLayout>
  317.             <TextView
  318.                 android:layout_width="match_parent"
  319.                 android:layout_height="1dp"
  320.                 android:background="#d9d3d3"
  321.                 />
  322.         </LinearLayout>
  323.     </ScrollView>
  324. </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完成如下图所示效果

理想效果 完成效果

Center 2Center 3

布局：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:tools="http://schemas.android.com/tools"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     tools:context="com.example.administrator.jreduch05.GridView_Activity">
  8.     <GridView
  9.         android:layout_width="match_parent"
  10.         android:layout_height="match_parent"
  11.         android:id="@+id/gv"
  12.         android:numColumns="auto_fit"
  13.         android:columnWidth="100dp"
  14.         android:horizontalSpacing="5dp"
  15.         android:verticalSpacing="5dp"
  16.         android:cacheColorHint="#00000000"
  17.         android:listSelector="#00000000"
  18.         android:scrollbars="none"
  19.         android:stretchMode="columnWidth"
  20.         >
  21.     </GridView>
  22. </RelativeLayout>
  24. <?xml version="1.0" encoding="utf-8"?>
  25. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  26.     android:orientation="vertical" android:layout_width="match_parent"
  27.     android:layout_height="match_parent">
  28. <ImageView
  29.     android:layout_width="100dp"
  30.     android:layout_height="100dp"
  31.     android:id="@+id/iv"
  32.     android:src="@mipmap/ic_launcher"
  33.     android:scaleType="centerCrop"
  34.     />
  35.     <TextView
  36.         android:layout_width="100dp"
  37.         android:layout_height="wrap_content"
  38.         android:id="@+id/tv"
  39.         android:gravity="center"
  40.         android:text="测试"
  41.         />
  42. </LinearLayout>

代码：

  1. </pre><pre name="code" class="html">package com.example.administrator.jreduch05;
  3. import android.content.Intent;
  4. import android.os.Bundle;
  5. import android.support.v7.app.AppCompatActivity;
  6. import android.view.View;
  7. import android.widget.AdapterView;
  8. import android.widget.GridView;
  9. import android.widget.SimpleAdapter;
  11. import java.util.ArrayList;
  12. import java.util.HashMap;
  13. import java.util.List;
  14. import java.util.Map;
  16. public class GridView_Activity extends AppCompatActivity {
  17.     private GridView gv;
  18.     @Override
  19.     protected void onCreate(Bundle savedInstanceState) {
  20.         super.onCreate(savedInstanceState);
  21.         setContentView(R.layout.activity_grid_view_);
  22.         gv=(GridView) findViewById(R.id.gv);
  23.         final List list =new ArrayList();
  25.         Map map=new HashMap();
  26.         map.put("img", R.mipmap.dahai);
  27.         map.put("name", "深海");
  28.         list.add(map);
  30.          map=new HashMap();
  31.         map.put("img",R.mipmap.jietu1);
  32.         map.put("name","深海");
  33.         list.add(map);
  35.          map=new HashMap();
  36.         map.put("img",R.mipmap.dianzan);
  37.         map.put("name","深海");
  38.         list.add(map);
  40.          map=new HashMap();
  41.         map.put("img",R.mipmap.pinglun);
  42.         map.put("name","深海");
  43.         list.add(map);
  45.          map=new HashMap();
  46.         map.put("img",R.mipmap.renrou);
  47.         map.put("name","深海");
  48.         list.add(map);
  50.          map=new HashMap();
  51.         map.put("img",R.mipmap.sannv);
  52.         map.put("name","深海");
  53.         list.add(map);
  55.         map=new HashMap();
  56.         map.put("img",R.mipmap.wuzhi);
  57.         map.put("name","深海");
  58.         list.add(map);
  62.         /*
  63.         1.simpleAdapter 使用的数据源必须继承 Map 接口
  64.         2.from 参数的意思是 指向数据源 Map中的键
  65.         3.to   参数的意思是  为布局中控件ID赋值
  66.          */
  68.         SimpleAdapter sa=new SimpleAdapter(this,list,
  69.                 R.layout.gridlayout,
  70.                 new String[]{"img","name"},
  71.                 new int[]{R.id.iv,R.id.tv}
  72.                 );
  73.         gv.setAdapter(sa);
  74.         gv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
  75.             @Override
  76.             public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
  77.                 Map map=(Map)list.get(position);
  78.                 Intent intent=new Intent(GridView_Activity.this,Datu_Activity.class);
  79.                 intent.putExtra("img", (int) map.get("img"));
  80.                 startActivity(intent);
  82.             }
  83.         });
  84.     }
  85. }

发表评论

表情：
评论列表 （有 0 条评论，262人围观）

还没有评论，来说两句吧...

相关阅读