校园助手APP--主界面

登陆成功后进入主界面，主界面是个九宫格

 

public classHomeActivity extends Activity implements IAssistantActivity{             private static final String TAG ="HomeActivity";        private GridView myGridView = null;       private TextView tvUserName = null;       private CircleImageView user_Icon = null;       private MenuSlidingDrawer sliding = null;       private SimpleAdapter simpleAdapter ;             private Button btn_exit = null;       private Button btn_logout = null;             @Override       protected void onCreate(BundlesavedInstanceState) {              super.onCreate(savedInstanceState);              // 显示标题，以下三行代码顺序不可变              requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);              super.setContentView(R.layout.home);              getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE,R.layout.titlebar_main); // titlebar为自己标题栏的布局              // 设置标题              TextView tvMainTitle = (TextView)findViewById(R.id.main_title);              tvMainTitle.setText("微高校-WIT");              init();       }        @Override       public void init()  {               tvUserName = (TextView)findViewById(R.id.userName);              user_Icon = (CircleImageView)findViewById(R.id.user_icon);                           //读取默认用户              if (null == MainService.nowUser) {                    MainService.nowUser =SharedPreferencesUtil.getLoginUser(HomeActivity.this);              }             //            tvUserName.setText(MainService.nowUser.getUserName());              tvUserName.setText("张三");                           //读取用户的头像，还未完成              if (-1 <MainService.nowUser.getIconIndex()) {              user_Icon.setImageDrawable(getResources().getDrawable(MainService.nowUser.getIconIndex()));              }else {              user_Icon.setImageDrawable(getResources().getDrawable(R.drawable.portrait_1));              }                           //抽屉效果的菜单              sliding = (MenuSlidingDrawer)findViewById(R.id.slidingdrawer);;                                        btn_logout = (Button)findViewById(R.id.btn_logout);              btn_exit = (Button)findViewById(R.id.btn_exit);                           btn_logout.setOnClickListener(newOnClickListener() {                    @Override                    public void onClick(View v){                           Intent intent = newIntent(HomeActivity.this, LoginActivity.class);                           startActivity(intent);                           overridePendingTransition(SwitchActivityAnim.leftIn(),SwitchActivityAnim.leftOut());                           HomeActivity.this.finish();                           MainService.nowUser =null ;                    }              });                           //退出程序              btn_exit.setOnClickListener(newOnClickListener() {                    @Override                    public void onClick(View v){                           MainService.appExit(HomeActivity.this);                           HomeActivity.this.finish();                    }              });                           //主界面的初始化布局              this.myGridView = (GridView)findViewById(R.id.myGridView);                           int screenWidth  =getWindowManager().getDefaultDisplay().getWidth();              int screenHeight =getWindowManager().getDefaultDisplay().getHeight();              LinearLayout.LayoutParams lp = newLinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT);//            int letf = (int) (screenWidth*0.06);              int top = (int)(screenHeight*0.06);//            int right = (int)(screenWidth*0.06);              int bottom = (int)(screenHeight*0.02);              lp.width = (int)screenWidth;//            lp.width = (int)(screenWidth * 0.9);              lp.height = (int)(screenHeight *0.6);              lp.setMargins(0, top, 0, bottom);//            myGridView.setLayoutParams(lp);                           //数据的初始化              ArrayList<HashMap<String,Object>> list = new ArrayList<HashMap<String, Object>>();                           HashMap<String, Object> map1= new HashMap<String, Object>();              map1.put("myimgView",R.drawable.main_infoquery);              map1.put("mytxt",ConstantValues.INFOQUERY);              list.add(map1);               HashMap<String, Object> map2= new HashMap<String, Object>();              map2.put("myimgView",R.drawable.main_dingcan);              map2.put("mytxt",ConstantValues.DINGCAN);              list.add(map2);               HashMap<String, Object> map3= new HashMap<String, Object>();              map3.put("myimgView",R.drawable.main_schoolnews);              map3.put("mytxt",ConstantValues.SCHOOLNEWS);              list.add(map3);               HashMap<String, Object> map4= new HashMap<String, Object>();              map4.put("myimgView",R.drawable.main_library);              map4.put("mytxt",ConstantValues.LIBRARY);              list.add(map4);               HashMap<String, Object> map5= new HashMap<String, Object>();              map5.put("myimgView",R.drawable.main_schoolmap);              map5.put("mytxt",ConstantValues.SCHOOLMAP);              list.add(map5);               HashMap<String, Object> map6= new HashMap<String, Object>();              map6.put("myimgView",R.drawable.main_tieba);              map6.put("mytxt",ConstantValues.TIEBA);              list.add(map6);               HashMap<String, Object> map7= new HashMap<String, Object>();              map7.put("myimgView",R.drawable.main_schoolnews);              map7.put("mytxt",ConstantValues.FEEDBACK);              list.add(map7);               HashMap<String, Object> map8= new HashMap<String, Object>();              map8.put("myimgView",R.drawable.main_more);              map8.put("mytxt",ConstantValues.MORE);              list.add(map8);                           HashMap<String, Object> map9= new HashMap<String, Object>();              map9.put("myimgView",R.drawable.main_aboutus);              map9.put("mytxt",ConstantValues.ABOUTUS);              list.add(map9);               simpleAdapter = newSimpleAdapter(this, list,                           R.layout.home_grid_layout,new String[] { "myimgView", "mytxt" },                           new int[] {R.id.myimgView, R.id.mytxt });               myGridView.setAdapter(simpleAdapter);              myGridView.setOnItemClickListener(newItemClickListener());                           myGridView.setSelector(newColorDrawable(Color.TRANSPARENT));                                        sliding.setOnDrawerOpenListener(newOnDrawerOpenListener() {                    @Override                    public void onDrawerOpened(){ }              });              sliding.setOnDrawerCloseListener(newOnDrawerCloseListener() {                    @Override                    public void onDrawerClosed(){ }              });        }        class ItemClickListener implementsOnItemClickListener {               @Override              public voidonItemClick(AdapterView<?> arg0, View view, int index, long arg3) {                    @SuppressWarnings("unchecked")                    HashMap<String,Object> item = (HashMap<String, Object>) arg0                                  .getItemAtPosition(index);                    String txt = (String) item.get("mytxt");                                       Intent intent = null;                    if(ConstantValues.INFOQUERY.equals(txt)) {                           intent = newIntent(HomeActivity.this,                                         InfoQueryActivity.class);                    } else if(ConstantValues.DINGCAN.equals(txt)) {                           intent = newIntent(HomeActivity.this,                                         StoreListActivity.class);                    } else if(ConstantValues.SCHOOLNEWS.equals(txt)) {                           intent = newIntent(HomeActivity.this,                                         NewsActivity.class);                    } else if(ConstantValues.LIBRARY.equals(txt)) {                           intent = newIntent(HomeActivity.this,                                         LibraryActivity.class);                    } else if(ConstantValues.SCHOOLMAP.equals(txt)) {                           intent = newIntent(HomeActivity.this,                                         TencentMapActivity.class);                    } else if(ConstantValues.TIEBA.equals(txt)) {                           intent = newIntent(HomeActivity.this,                                         TieBaActivity.class);                    } else if(ConstantValues.ABOUTUS.equals(txt)) {                           intent = newIntent(HomeActivity.this,                                         TieBaActivity.class);                    } else if(ConstantValues.FEEDBACK.equals(txt)) {                           intent = newIntent(HomeActivity.this,                                         SchoolNewsActivity.class);                    } else if(ConstantValues.MORE.equals(txt)) {                           intent = newIntent(HomeActivity.this,                                         ExpressActivity.class);                    }                    Log.i(TAG,view.getClass().getName());                    startActivity(intent);                    overridePendingTransition(SwitchActivityAnim.upIn(),SwitchActivityAnim.upOut());              }                    }        //框架中刷新界面的       @Override       public void refresh(Object... params) {              //更新主界面       }        @Override       public boolean onKeyDown(int keyCode,KeyEvent event) {                           switch (keyCode) {              case KeyEvent.KEYCODE_BACK:{                                       if (sliding.isOpened()) {                           sliding.animateClose();                           return true;                    }else {                           moveTaskToBack(false);                           return false;                    }              }              //菜单键，弹出抽屉              case KeyEvent.KEYCODE_MENU:{                    sliding.animateToggle();                    break;              }              default:                    break;              }                           return super.onKeyDown(keyCode,event);       }}

主界面主要就是抽屉的使用，以及用户圆圈头像的处理。

主界面的布局文件内容如下：

<FrameLayoutxmlns:android="http://schemas.android.com/apk/res/android"   android:layout_width="match_parent"   android:layout_height="match_parent"   android:background="@drawable/bg_home2"    >     <RelativeLayout        android:id="@+id/grideview"       android:layout_width="match_parent"       android:layout_height="match_parent"  >        <!--                <LinearLayout           android:layout_width="match_parent"           android:layout_height="120dp"            android:gravity="left"           android:layout_alignParentTop="true"           android:orientation="horizontal" >             <ImageView               android:id="@+id/weather_img"               android:layout_width="wrap_content"               android:layout_height="match_parent"               android:src="@drawable/weather" />             <LinearLayout                android:layout_width="wrap_content"               android:layout_height="150dp"               android:layout_gravity="center"               android:gravity="center"               android:orientation="vertical" >                 <TextView                   android:id="@+id/weather_text"                   android:layout_width="wrap_content"                   android:layout_height="wrap_content"                   android:textColor="@color/color_text"                    android:textSize="20sp"                    android:text="多 云" />                 <TextView                   android:id="@+id/weather_temper"                   android:layout_width="wrap_content"                   android:layout_height="wrap_content"                   android:textColor="@color/color_text"                   android:textSize="20sp"                   android:text="11℃~23℃" />            </LinearLayout>        </LinearLayout>        -->        <GridView            android:id="@+id/myGridView"           android:layout_width="match_parent"           android:layout_height="320dp"           android:layout_centerInParent="true"            android:numColumns="3"            android:padding="10dp"            android:horizontalSpacing="20dp"           android:verticalSpacing="20dp" />    </RelativeLayout>    <cn.edu.wit.withelper.util.MenuSlidingDrawer       android:id="@+id/slidingdrawer"       android:layout_width="fill_parent"        android:layout_height="wrap_content"       android:content="@+id/content"        android:handle="@+id/handle"        android:topOffset="0dp"       android:allowSingleTap="false"       android:layout_gravity="bottom"       android:orientation="vertical" >         <LinearLayout            android:id="@id/handle"           android:orientation="horizontal"           android:layout_width="match_parent"           android:layout_height="wrap_content" >            <cn.edu.wit.withelper.util.CircleImageView                android:id="@+id/user_icon"               android:layout_width="90sp"               android:layout_height="90sp"               android:layout_marginLeft="30dp"               android:src="@drawable/portrait_1" />             <TextView                android:id="@+id/userName"               android:layout_width="0dp"               android:layout_height="wrap_content"               android:layout_weight="1"               android:layout_gravity="center_horizontal|center_vertical"               android:gravity="center"               android:textColor="@color/white"               android:textSize="25sp"                android:text="极星文化传媒" />        </LinearLayout>         <LinearLayout            android:id="@id/content"           android:layout_width="match_parent"           android:layout_height="match_parent"           android:background="@color/white"           android:orientation="vertical" >             <Button               android:id="@+id/btn_logout"                android:layout_width="match_parent"               android:layout_height="wrap_content"                android:text="注销当前账号"               android:textSize="25sp"                android:padding="5dp"                android:layout_margin="3dp"               android:textColor="@color/black"               android:background="@drawable/btn_logout"/>                       <Button               android:id="@+id/btn_exit"               android:layout_width="match_parent"               android:layout_height="wrap_content"                android:text="退出"               android:textSize="25sp"                android:padding="5dp"               android:layout_margin="3dp"               android:textColor="@color/black"               android:background="@drawable/btn_exit"/>                              </LinearLayout>   </cn.edu.wit.withelper.util.MenuSlidingDrawer> </FrameLayout>

中间注释的部分，是准备添加天气到九宫格的上方。

 

抽屉部分是自定义的一个控件

public classMenuSlidingDrawer extends SlidingDrawer {        private boolean mVertical;       private int mTopOffset;             public static int slidingHight ;        public MenuSlidingDrawer(Context context,AttributeSet attrs, int defStyle) {              super(context, attrs, defStyle);              int orientation = attrs.getAttributeIntValue("android","orientation",                           ORIENTATION_VERTICAL);              mTopOffset =attrs.getAttributeIntValue("android", "topOffset", 0);//设置抽屉上方间距为0              mVertical = (orientation ==SlidingDrawer.ORIENTATION_VERTICAL);//判断屏幕方向，方便下面根据屏幕方向计算抽屉的高度                    }        public MenuSlidingDrawer(Context context,AttributeSet attrs) {//与上面的构造函数差不多，以前用的时候没有仔细看，这个类可以再精简一些              super(context, attrs);              int orientation =attrs.getAttributeIntValue("android", "orientation",                           ORIENTATION_VERTICAL);              mTopOffset =attrs.getAttributeIntValue("android", "topOffset", 0);              mVertical = (orientation ==SlidingDrawer.ORIENTATION_VERTICAL);       }        @Override       protected void onMeasure(intwidthMeasureSpec, int heightMeasureSpec) {              int widthSpecMode =MeasureSpec.getMode(widthMeasureSpec);              int widthSpecSize =MeasureSpec.getSize(widthMeasureSpec);//获取屏幕的宽度              int heightSpecMode =MeasureSpec.getMode(heightMeasureSpec);              int heightSpecSize =MeasureSpec.getSize(heightMeasureSpec);//获取屏幕的高度               final View handle = getHandle();              final View content = getContent();              measureChild(handle,widthMeasureSpec, heightMeasureSpec);               if(mVertical) {//竖屏                                       int height = heightSpecSize- handle.getMeasuredHeight() - mTopOffset ;//这时handle的顶端与屏幕顶端的距离                    content.measure(widthMeasureSpec,MeasureSpec.makeMeasureSpec(height, heightSpecMode));                    heightSpecSize =handle.getMeasuredHeight() + mTopOffset + content.getMeasuredHeight();//这是整个抽屉控件的高度                    widthSpecSize =content.getMeasuredWidth();                    if(handle.getMeasuredWidth() > widthSpecSize)                           widthSpecSize =handle.getMeasuredWidth();//宽度以handle为准              } else {//横屏                    int width = widthSpecSize -handle.getMeasuredWidth() - mTopOffset;                    getContent().measure(MeasureSpec.makeMeasureSpec(width,widthSpecMode),heightMeasureSpec);                    widthSpecSize =handle.getMeasuredWidth() + mTopOffset + content.getMeasuredWidth();                    heightSpecSize =content.getMeasuredHeight();                    if(handle.getMeasuredHeight() > heightSpecSize)                           heightSpecSize =handle.getMeasuredHeight();              }               slidingHight =handle.getMeasuredWidth() + content.getMeasuredWidth();//感觉这句没啥用              setMeasuredDimension(widthSpecSize,heightSpecSize);       }} 

把头像处理成圆形的也是网上找的一段代码

public classCircleImageView extends ImageView implements View.OnClickListener{  //     private static final String TAG ="CircleImageView";    private Paint mPaint = new Paint();     private static final int STROKE_WIDTH = 8;//圆头像外面的一圈白色环的宽度     public CircleImageView(Context context,AttributeSet attrs) {        super(context, attrs);    }      @SuppressLint("DrawAllocation")       @Override    protected void onDraw(Canvas canvas) {        Drawable drawable = getDrawable();        if (null != drawable) {            Bitmap bitmap = ((BitmapDrawable)drawable).getBitmap();            Bitmap b =circleBitmap(scaleBitmap(bitmap));//先更改图像的尺寸，避免裁剪圆形时把有用的部分去掉了；再在方形的图片内裁剪一个内切圆，然后在圆形外面加一圈白色的环            final Rect rect = new Rect(0, 0,b.getWidth(), b.getHeight());            mPaint.reset();            canvas.drawBitmap(b, rect, rect,mPaint);        } else {            super.onDraw(canvas);        }    }     // 将矩形图片绘制成圆形图片并在最外围画一圈白色    private Bitmap circleBitmap(Bitmap bitmap){        Bitmap output =Bitmap.createBitmap(bitmap.getWidth(),                bitmap.getHeight(),Config.ARGB_8888);        Canvas canvas = new Canvas(output);         final int color = 0xff000000;        final Rect rect = new Rect(0, 0,bitmap.getWidth(), bitmap.getHeight());        mPaint.setAntiAlias(true);        canvas.drawARGB(0, 0, 0, 0);        mPaint.setColor(color);        final int width = bitmap.getWidth();        canvas.drawCircle(width / 2, width / 2,width / 2, mPaint);//内切圆，如果是长方形，则以宽度的一半为半径        mPaint.setXfermode(newPorterDuffXfermode(Mode.SRC_IN));        canvas.drawBitmap(bitmap, rect, rect,mPaint);//将图片绘制成白色图片        //画白色圆圈        mPaint.reset();        mPaint.setColor(Color.WHITE);        mPaint.setStyle(Paint.Style.STROKE);        mPaint.setStrokeWidth(STROKE_WIDTH);        mPaint.setAntiAlias(true);        canvas.drawCircle(width/2, width/2, width/2 - STROKE_WIDTH/2, mPaint);         return output;    }      /**     * change the bitmap size     * @param src : Bitmap source     * @return : The scaled bitmap     */    private Bitmap scaleBitmap(Bitmap src) {        int width = src.getWidth();//原来尺寸大小        int height = src.getHeight();        final float destSize =this.getWidth();//缩放到这个大小 //图片缩放比例，新尺寸/原来的尺寸        float scaleWidth = ((float) destSize) /width;        float scaleHeight = ((float) destSize)/ height;         Matrix matrix = new Matrix();        matrix.postScale(scaleWidth,scaleHeight); //返回缩放后的图片        return Bitmap.createBitmap(src, 0, 0,width, height, matrix, true);    }     @Override    public void onClick(View v) {        //To change body of implemented methodsuse File | Settings | File Templates.    }}

有一点特地拿出来说一下，

GridView.setSelector(newColorDrawable(Color.TRANSPARENT));

若没有这一句话，点击选项时会出现橙色的背景，很丑，

解决办法就是手动的把背景设置为透明，或者自定义的图片，来保证主题的统一。同样的还有输入框获得焦点是的橙色边框。