码迷,mamicode.com
首页 > 移动开发 > 详细

我的手机管家(11) 网络助手 界面设计及适配器

时间:2016-07-05 10:13:14      阅读:349      评论:0      收藏:0      [点我收藏+]

标签:

我的手机管家(11)   网络助手  界面设计

使用一个 <SlidingDrawer>标签用来布局一个抽屉样式

两个属性要注意: 一个是内容布局id,   手柄id 

 

  android:content="@+id/content"
  android:handle="@+id/handle"

 

 

 android:orientation="vertical"   抽出的方向

 

 

 <SlidingDrawer
        android:id="@+id/drawer"
        android:layout_width="match_parent"
        android:layout_height="200dp"
    android:content="@+id/content"
    android:handle="@+id/handle"
        android:orientation="vertical" >

 

 

 

 

<?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" >

    <TableLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <TableRow>

            <TextView
                android:layout_column="1"
                android:padding="3dip"
                android:text="2G/3G总流量" />

            <TextView
                android:layout_gravity="right"
                android:gravity="right"
                android:padding="3dip"
                android:text="wifi总流量" />
        </TableRow>

        <View
            android:layout_height="2dip"
            android:background="#FF909090" />

        <TableRow>

            <TextView
                android:id="@+id/gprs"
                android:layout_column="1"
                android:padding="3dip" />

            <TextView
                android:id="@+id/wifi"
                android:layout_gravity="right"
                android:gravity="right"
                android:padding="3dip"
                android:text="" />
        </TableRow>

        <View
            android:layout_height="2dip"
            android:background="#FF909090" />
    </TableLayout>

    <SlidingDrawer
        android:id="@+id/drawer"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:content="@+id/content"
        android:handle="@+id/handle"
        android:orientation="vertical" >

        <ImageView
            android:id="@id/handle"
            android:layout_width="88dip"
            android:layout_height="44dip"
            android:src="@drawable/detail" />

        <LinearLayout
            android:id="@id/content"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal" >

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:padding="8dip"
                    android:text="图标" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:padding="12dip"
                    android:text="名称" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:padding="15dip"
                    android:text="上传" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:padding="15dip"
                    android:text="下载" />
            </LinearLayout>

            <ListView
                android:id="@+id/nt_lv_content"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:fastScrollEnabled="true" />
        </LinearLayout>
    </SlidingDrawer>

</LinearLayout>

 

效果图:

技术分享

展示数据使用的是ListView  就会有item布局
头标   应用名称    上传数据    下载数据  

<?xml version="1.0" encoding="utf-8"?>    
<LinearLayout    
         xmlns:android="http://schemas.android.com/apk/res/android"     
         android:layout_height="wrap_content"     
         android:orientation="horizontal"
         android:paddingBottom="4dip" android:layout_width="fill_parent">    
         <ImageView     
                 
               android:id="@+id/ItemImage"   
               android:layout_height="48px"     
               android:layout_width="48px"   
               android:padding="6dip"  
         />    
         <TextView     
               android:layout_width="105px"     
               android:layout_height="wrap_content"     
               android:id="@+id/ItemText"
               android:padding="6dip">    
         </TextView>    
                  <TextView     
               android:layout_width="105px"     
               android:layout_height="wrap_content"     
               android:id="@+id/ItemText01"
               android:padding="6dip">    
         </TextView>   
                           <TextView     
               android:layout_width="105px"     
               android:layout_height="wrap_content"     
               android:id="@+id/ItemText02"
               android:padding="6dip">    
         </TextView>   
</LinearLayout>   

适配器: 

package com.chb.myphonesave.adapter;

import java.util.ArrayList;

import android.content.Context;
import android.content.pm.ResolveInfo;
import android.net.TrafficStats;
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.chb.myphonesave.R;
import com.chb.myphonesave.util.TrafficDataUtil;

public  class MyNetworkAdapter extends BaseAdapter{

    private  LayoutInflater inflater;
    private ArrayList<ResolveInfo> lists;
    private Context context;
    public MyNetworkAdapter(Context context,ArrayList<ResolveInfo> _lists){
        this.context = context;
        inflater = LayoutInflater.from(context);
        this.lists = _lists;
    }

    public int getCount() {
        return lists.size();
    }


    public Object getItem(int position) {
        return lists.get(position);
    }


    public long getItemId(int position) {
        return position;
    }


    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        if(null == convertView){
            convertView = inflater.inflate(R.layout.network_helper_item, null);
            holder = new ViewHolder();
            holder.iv = (ImageView) convertView.findViewById(R.id.ItemImage);
            holder.tv1 = (TextView) convertView.findViewById(R.id.ItemText);
            holder.tv2 = (TextView) convertView.findViewById(R.id.ItemText01);
            holder.tv3 = (TextView) convertView.findViewById(R.id.ItemText02);
            convertView.setTag(holder);
        }else {
            holder = (ViewHolder) convertView.getTag();
        }
        final ResolveInfo info = lists.get(position);
        holder.iv.setImageDrawable(info.loadIcon(context.getPackageManager()));
        holder.tv1.setText(info.loadLabel(context.getPackageManager()));
        final long totalTx = TrafficStats.getUidTxBytes(
            info.activityInfo.applicationInfo.uid);
final long totalRx =
TrafficStats.getUidRxBytes(
            info.activityInfo.applicationInfo.uid);
holder.tv2.setText(TrafficDataUtil.getTrafficData(totalTx)); holder.tv3.setText(TrafficDataUtil.getTrafficData(totalRx));
return convertView; } class ViewHolder{ ImageView iv; TextView tv1; TextView tv2; TextView tv3; TextView tv4; } }

 

我的手机管家(11) 网络助手 界面设计及适配器

标签:

原文地址:http://www.cnblogs.com/chengbao/p/5642343.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!