时间:2021-05-21
本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下
首先来看一下我们要做成的而效果:
主页面要显示一个viewpager自动轮播+小圆点联动的效果 :
废话不多说,直接上代码:
布局文件:
activity_main.xml:
<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:orientation="vertical" > <RelativeLayout android:layout_width="match_parent" android:layout_height="200dp" > <android.support.v4.view.ViewPager android:id="@+id/main_vp" android:layout_width="match_parent" android:layout_height="200dp" > </android.support.v4.view.ViewPager> <LinearLayout android:id="@+id/ll_doc" android:layout_width="match_parent" android:layout_height="40dp" android:layout_alignParentBottom="true" android:gravity="center" android:orientation="horizontal" > </LinearLayout> </RelativeLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="100dp" > </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="80dp" > </LinearLayout> <GridView android:id="@+id/main_gv" android:layout_width="match_parent" android:layout_height="match_parent" android:numColumns="2" > </GridView></LinearLayout>menu下的main.xml:
<menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" tools:context="com.example.monthextwo.MainActivity" > <item android:id="@+id/action_settings" android:orderInCategory="100" android:showAsAction="never" android:title="@string/action_settings"/></menu>接下来看一下要用到的架包文件:
最后是Java文件:
首先是com.example.monthextwo包中的MainActivity.java:
public class MainActivity extends Activity { ViewPager vp; DataResult data; List<ImageView> list; List<ImageView> list_doc; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); initData(); } private void initView() { vp = (ViewPager) findViewById(R.id.main_vp); } public void initDoc(){ LinearLayout ll_dco = (LinearLayout) findViewById(R.id.ll_doc); list_doc = new ArrayList<ImageView>(); if(data != null && data.getResult().getAdvs().size() > 0){ for (int i = 0; i < data.getResult().getAdvs().size(); i++) { ImageView iv = new ImageView(this); LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); params.rightMargin = 10; iv.setLayoutParams(params); if(i == 0){ iv.setBackgroundResource(R.drawable.doc_check); }else{ iv.setBackgroundResource(R.drawable.doc_uncheck); } ll_dco.addView(iv); list_doc.add(iv); } } } private void initData() { new AsyncTask<String, String, String>(){ @Override protected String doInBackground(String... params) { String json = NetUtils.getNetData("http://.example.monthextwo.net包下的NetUtils.java:public class NetUtils { public static String getNetData(String path){ String json = ""; try { URL url = new URL(path); HttpURLConnection conn = (HttpURLConnection) url.openConnection(); conn.setRequestMethod("GET"); int code = conn.getResponseCode(); if(code == 200){ InputStream is = conn.getInputStream(); ByteArrayOutputStream bos = new ByteArrayOutputStream(); int len = -1; byte[] buff = new byte[1024]; while((len = is.read(buff)) != -1){ bos.write(buff, 0, len); } json = new String(bos.toByteArray()); } } catch (Exception e) { // TODO Auto-generated catch block e.printStackTrace(); } return json; }}以上就是全部的代码了,新手练习。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了JS轮播图的实现代码,供大家参考,具体内容如下需求:自动轮播,鼠标移入轮播停止、移出继续,小圆点点击切图,左右箭头切图效果图:![轮播图]思
本文实例为大家分享了JS轮播图的实现代码,供大家参考,具体内容如下需求:自动轮播,鼠标移入轮播停止、移出继续,小圆点点击切图,左右箭头切图效果图:思路通过编写过
原生JS仿小米轮播图(最新版易懂),供大家参考,具体内容如下本次内容主要可实现的效果:自动轮播可点击上一张下一张进行图片的切换点击右下方小圆点进行图片切换代码部
今天写一个完整的轮播图,首先它需要实现三个功能:1.鼠标放在小圆点上实现轮播2.点击焦点按钮实现轮播3.无缝自动轮播轮播图的原理:一系列的大小相等的图片平铺,利
JS实现轮播图实现结果图:需求:1根据图片动态添加小圆点2目标移动到小圆点轮播图片3鼠标离开图片,定时轮播图片;鼠标在图片上时暂停4左右两侧可点击轮播图片一、布