Android基本布局案例

一、案例效果

二、src/main/res/layout/active_main.xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#F8F9FA"
    tools:context="com.wiseoper.huawei.app2.MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:background="#18B4ED">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="动态"
            android:layout_centerInParent="true"
            android:gravity="center"
            android:textColor="#fff"
            android:textSize="18sp" />
        <TextView
            android:layout_width="80dp"
            android:gravity="center"
            android:layout_alignParentRight="true"
            android:layout_height="match_parent"
            android:text="更多"
            android:textSize="12sp"
            android:textColor="#fff"/>
    </RelativeLayout>
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_height="30dp">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/et_shape">
            <EditText
                android:id="@+id/et"
                android:layout_width="match_parent"
                android:layout_height="30dp"
                android:cursorVisible="false"
                android:background="@drawable/et_shape"
                android:paddingLeft="10dp"
                android:textSize="16sp"
                android:textColor="#ddd"
                />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/ll"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:layout_gravity="center">
            <ImageView
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:src="@mipmap/search"/>
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="20sp"
                android:text="自拍"
                android:textColor="#ddd"
                android:gravity="center_horizontal"/>
        </LinearLayout>
    </RelativeLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:background="#fff"
        android:orientation="horizontal">
        <LinearLayout
            android:layout_width="0dp"
            android:layout_weight="1"
            android:orientation="vertical"
            android:layout_height="match_parent">
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:layout_marginTop="8dp"
                android:src="@mipmap/blank"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:text="好友动态"
                android:gravity="center_horizontal"
                android:layout_marginTop="8dp"
                android:textColor="#444"/>
        </LinearLayout>
        <LinearLayout
            android:layout_width="0dp"
            android:layout_weight="1"
            android:orientation="vertical"
            android:layout_height="match_parent">
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:layout_marginTop="8dp"
                android:src="@mipmap/nearby"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:text="附近"
                android:gravity="center_horizontal"
                android:layout_marginTop="8dp"
                android:textColor="#444"/>
        </LinearLayout>
        <LinearLayout
            android:layout_width="0dp"
            android:layout_weight="1"
            android:orientation="vertical"
            android:layout_height="match_parent">
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:layout_marginTop="8dp"
                android:src="@mipmap/taste"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:text="兴趣部落"
                android:layout_marginTop="8dp"
                android:gravity="center_horizontal"
                android:textColor="#444"/>
        </LinearLayout>
    </LinearLayout>
    <!--循环出游戏购物应用宝-->
    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_marginTop="20dp"
        android:listSelector="@android:color/transparent"
        android:drawSelectorOnTop="true"
        android:layout_height="wrap_content">
    </ListView>
    <!--循环出来附近的群,吃喝玩乐,同城服务-->
    <ListView
        android:id="@+id/lv1"
        android:layout_marginTop="20dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

    </ListView>
</LinearLayout>

三、src/main/res/layout/list1.xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <!--游戏购物应用宝试图-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#fff"
        android:orientation="vertical">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="45dp"
            android:orientation="horizontal"
            android:paddingLeft="15dp"
            android:paddingRight="10dp">
            <LinearLayout
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="45dp">
                <ImageView
                    android:id="@+id/iv"
                    android:layout_width="30dp"
                    android:layout_height="30dp"
                    android:src="@mipmap/game"
                    android:layout_gravity="center"/>
                <TextView
                    android:id="@+id/tv"
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_height="45dp"
                    android:text="游戏"
                    android:layout_marginLeft="20dp"
                    android:textSize="18sp"
                    android:gravity="center_vertical"/>
            </LinearLayout>
            <ImageView
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_gravity="center"
                android:src="@mipmap/r"/>
        </LinearLayout>
        <!--<View-->
            <!--android:layout_width="match_parent"-->
            <!--android:layout_height="0.5dp"-->
            <!--android:background="#ddd"></View>-->
    </LinearLayout>
</LinearLayout>

四、src/main/res/layout/list2.xml文件同上面一样的

五、MainActive.java文件

package com.wiseoper.huawei.app2;

import android.app.Activity;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.view.inputmethod.InputMethodManager;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.ListView;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);


        final LinearLayout ll = (LinearLayout) findViewById(R.id.ll);
        final EditText et = (EditText) findViewById(R.id.et);
        ll.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ll.setVisibility(View.GONE);
                et.requestFocus();
                InputMethodManager imm = (InputMethodManager) getSystemService(Activity.INPUT_METHOD_SERVICE);
                imm.showSoftInput(et, 0);
                et.setCursorVisible(true);
            }
        });

        //循环输出游戏购物应用宝
        ListView lv = (ListView) findViewById(R.id.lv);
        String[] mList = {"游戏", "购物", "应用宝"};
        int[] img = {R.mipmap.game, R.mipmap.shop, R.mipmap.ststem};
        List<ListBean> list = new ArrayList<>();
        for (int i = 0; i < mList.length; i++) {
            ListBean lb = new ListBean();
            lb.img = img[i];
            lb.tv = mList[i];
            list.add(lb);
        }
        lv.setAdapter(new ListAdapter(this, list));

        //循环输出吃喝玩乐等
        ListView lv1 = (ListView) findViewById(R.id.lv1);
        String[] text1 = {"附近的群", "吃喝玩乐", "同城服务"};
        int[] img1 = {R.mipmap.nearbygroup, R.mipmap.wine, R.mipmap.city};
        List<List2Bean> list1 = new ArrayList<>();
        for (int j = 0; j < text1.length; j++) {
            List2Bean lb = new List2Bean();
            lb.img = img1[j];
            lb.text = text1[j];
            list1.add(lb);
        }
        lv1.setAdapter(new List2Adapter(this, list1));
    }
}

六、ListBean.java文件

package com.wiseoper.huawei.app2;

import java.io.Serializable;


public class ListBean implements Serializable{

    public Integer img;
    public String tv;
}

七、ListAdapter.java文件

package com.wiseoper.huawei.app2;

import android.content.Context;
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 java.util.List;


public class ListAdapter extends BaseAdapter{

    private Context context;
    private List<ListBean> list;

    public ListAdapter(Context context,List<ListBean> list){
        this.context=context;
        this.list=list;
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        convertView= LayoutInflater.from(context).inflate(R.layout.list1,null);
        ImageView iv=(ImageView)convertView.findViewById(R.id.iv);
        TextView tv=(TextView)convertView.findViewById(R.id.tv);
        tv.setText(list.get(position).tv);
        iv.setImageResource(list.get(position).img);
        return convertView;
    }
}

八、List2Bean.java和List2Adapter.java与上面的类似