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与上面的类似