手机安全卫士第二课---主页面布局学习 跑马灯的实现

 布局 LinearLayout 中 textView -textView -GridView

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

    <TextView

        android:layout_width="match_parent"

        android:layout_height="60dp"

        android:textSize="30dp"

        android:gravity="center"

        android:textColor="@color/black"

        android:textAppearance="?android:attr/textAppearanceLarge"

        android:text="功能列表"

        android:background="@color/lightsteelblue"

        android:id="@+id/textView" />

    <TextView

        android:layout_marginTop="8dp"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:textColor="@color/black"

        android:textSize="18dp"

        android:focusable="true"

        android:focusableInTouchMode="true"

        android:text="@string/add"

        android:singleLine="true"

        android:ellipsize="marquee"/>

    <GridView

        android:layout_marginTop="30dp"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:numColumns="3"

        android:verticalSpacing="20dp"

        android:id="@+id/gvHome" />

</LinearLayout>

1  这里广告textView 实现跑马灯效果

    <TextView

        android:layout_marginTop="8dp"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:textColor="@color/black"

        android:textSize="18dp"

        android:focusable="true"

        android:focusableInTouchMode="true"

        android:text="@string/add"

        android:singleLine="true"

        android:ellipsize="marquee"/>

设置singline为true 焦点为true就可以

        android:singleLine="true"

        android:focusable="true"

        android:focusableInTouchMode="true"

还有另外一种 

自定义一个焦点一直为true的textview

package skkk.admin.com.newgoal.view;

import android.content.Context;

import android.util.AttributeSet;

import android.widget.TextView;

/**

* Created by admin on 2016/5/11.

* 获取焦点的TextView

*/

public class FocusedTextView extends TextView {

    //用代码new对象时候走此方法

    public FocusedTextView(Context context) {

        super(context);

    }

    //有属性时，走此方法

    public FocusedTextView(Context context, AttributeSet attrs) {

        super(context, attrs);

    }

    //有style样式的话会走此方法

    public FocusedTextView(Context context, AttributeSet attrs, int defStyleAttr) {

        super(context, attrs, defStyleAttr);

    }

    /*

    * 表示有没有获取焦点

    *

    * 跑马灯要运行，首先电泳此函数判断是否有焦点，是true的话，跑马灯才会有效果

    * 不管实际上跑马灯有没有焦点，我们都强制返回true，让跑马灯认为有焦点

    * */

    @Override

    public boolean isFocused() {

        return true;

    }

}

2 Gridview的实现使用了gridview.setAdapter()方法传入数据

这里使用BaseAdapter

class HomeAdapter extends BaseAdapter{

    @Override

    public int getCount() {

        return mItems.length;

    }

    @Override

    public Object getItem(int position) {

        return mItems[position];

    }

    @Override

    public long getItemId(int position) {

        return position;

    }

    @Override

    public View getView(int position, View convertView, ViewGroup parent) {

        View view=View.inflate(HomeActivity.this,R.layout.home_list_item,null);

        ImageView ivItem= (ImageView) view.findViewById(R.id.iv_item);

        TextView tvItem= (TextView) view.findViewById(R.id.tv_item);

        tvItem.setText(mItems[position]);

        ivItem.setImageResource(mPics[position]);

        return view;

    }

}

然后对应了Item layout如下

<?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:gravity="center"

    android:orientation="vertical">

    <ImageView

        android:layout_width="60dp"

        android:layout_height="60dp"

        android:src="@drawable/a1"

        android:id="@+id/iv_item"

        />

    <TextView

        android:layout_width="60dp"

        android:layout_marginTop="5dp"

        android:textSize="13sp"

        android:layout_height="wrap_content"

        android:text="手机防盗"

        android:id="@+id/tv_item" />

</LinearLayout>

设置好adapter之后使用就可以了

gvHome= (GridView) findViewById(R.id.gvHome);

gvHome.setAdapter(new HomeAdapter());

这样一个简单的布局就做出来了

下面贴一下源码

package skkk.admin.com.newgoal.activity;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseAdapter;

import android.widget.GridView;

import android.widget.ImageView;

import android.widget.TextView;

import skkk.admin.com.newgoal.R;

/**

* Created by admin on 2016/5/10.

*/

public class HomeActivity extends AppCompatActivity {

    private GridView gvHome;

    private String[] mItems=new String[]{"手机防盗","通讯卫士","软件管理",

            "进程管理","流量统计","手机杀毒","缓存清理","高级工具","设置中心"};

    private int[] mPics=new int[]{R.drawable.a1,R.drawable.a2,R.drawable.a3,

            R.drawable.a4,R.drawable.a5,R.drawable.a6,R.drawable.a7,

            R.drawable.a8,R.drawable.a9};

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.home_activity);

        gvHome= (GridView) findViewById(R.id.gvHome);

        gvHome.setAdapter(new HomeAdapter());

    }

    class HomeAdapter extends BaseAdapter{

        @Override

        public int getCount() {

            return mItems.length;

        }

        @Override

        public Object getItem(int position) {

            return mItems[position];

        }

        @Override

        public long getItemId(int position) {

            return position;

        }

        @Override

        public View getView(int position, View convertView, ViewGroup parent) {

            View view=View.inflate(HomeActivity.this,R.layout.home_list_item,null);

            ImageView ivItem= (ImageView) view.findViewById(R.id.iv_item);

            TextView tvItem= (TextView) view.findViewById(R.id.tv_item);

            tvItem.setText(mItems[position]);

            ivItem.setImageResource(mPics[position]);

            return view;

        }

    }

}