Android入门——UI

Posted 穿越银河系

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android入门——UI相关的知识,希望对你有一定的参考价值。

SwipRefreshLayout下拉刷新控件

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent" android:id="@+id/swip_refresh_layout">

    <ListView
        android:id="@+id/my_list_view_refresh"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></ListView>
</android.support.v4.widget.SwipeRefreshLayout>
swip_refresh_layout_index.xml
package com.ouc.wkp.ui1;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.widget.SwipeRefreshLayout;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

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

/**
 * Created by wkp on 2016/8/25.
 */
public class SwipRefreshLayoutDemo extends Activity {

    SwipeRefreshLayout swipeRefreshLayout;
    ListView listView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.swip_refresh_layout_index);

        swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swip_refresh_layout);
        listView = (ListView) findViewById(R.id.my_list_view_refresh);

        final List<String> dataList = new ArrayList<>();
        for (int i = 0; i < 30; i++) {
            dataList.add(i + "");
        }

        final ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, android.R.id.text1, dataList);
        listView.setAdapter(adapter)
        ;
        swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                new Handler().postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        //true点击后变成刷新状态
                        swipeRefreshLayout.setRefreshing(false);
                        Toast.makeText(SwipRefreshLayoutDemo.this, "加载完成", Toast.LENGTH_SHORT).show();

                        for (int i = 0; i < 20; i++) {
                            dataList.add("新加的数据" + i);
                        }
                        adapter.notifyDataSetChanged();
                    }
                }, 2000);
            }
        });

        swipeRefreshLayout.setColorSchemeColors(Color.RED, Color.GREEN, Color.BLUE, Color.GRAY);
        swipeRefreshLayout.setProgressViewOffset(false,200,300);
    }
}
SwipRefreshLayout.java

 

DrawerLayout侧滑控制菜单

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!--第一个子View会作为内容显示区-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="你所需要显示的内容" />
    </LinearLayout>

    <!--第二个子View会作为侧滑菜单-->
    <!--android:layout_gravity="start"  end  left right-->
    <LinearLayout
        android:layout_width="150dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:background="@android:color/white">

        <ListView
            android:id="@+id/list_view"
            android:layout_width="150dp"
            android:layout_height="match_parent">
        </ListView>
    </LinearLayout>

    <LinearLayout
        android:layout_width="150dp"
        android:layout_height="match_parent"
        android:layout_gravity="right"
        android:background="@android:color/white"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="退出登录"/>
    </LinearLayout>
</android.support.v4.widget.DrawerLayout>
drawer_layout_index.xml
package com.ouc.wkp.ui1;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;

import java.util.List;

/**
 * Created by wkp on 2016/8/25.
 */
public class DrawerLayoutDemo extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.drawer_layout_index);

        ListView listView = (ListView) findViewById(R.id.list_view);
        ArrayAdapter adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, android.R.id.text1, new String[]{"菜单1", "菜单2", "菜单3", "菜单4", "菜单5"});
        listView.setAdapter(adapter);
    }
}
DrawerLayoutDemo.java

 

RecyclerView循环复用控件

首先在这个文件最下面添加一行,注意版本和倒数第二行对应。

这个控件有点复杂

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

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>
recycler_view_index.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="100dp"
    android:layout_height="60dp">

    <TextView
        android:id="@+id/text_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>
item_view_recyclerview.xml
package com.ouc.wkp.ui1;

import android.app.Activity;
import android.os.Bundle;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

/**
 * Created by wkp on 2016/8/26.
 */
public class RecyclerViewDemo extends Activity {

    RecyclerView recyclerView;
    String[] dataArr = {"第0项", "第1项", "第2项",
            "第0项", "第1项", "第2项",
            "第0项", "第1项", "第2项",
            "第0项", "第1项", "第2项",
            "第0项", "第1项", "第2项",
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.recycler_view_index);

        recyclerView = (RecyclerView) findViewById(R.id.recycler_view);

        //true进行反转
        LinearLayoutManager layoutManager = new LinearLayoutManager(this,LinearLayoutManager.HORIZONTAL,false);
        //layoutManager
        recyclerView.setLayoutManager(new GridLayoutManager(this,3));

        MyAdapter adapter = new MyAdapter();
        recyclerView.setAdapter(adapter);
    }

    private class MyAdapter extends RecyclerView.Adapter {

        @Override
        public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

            //parent表示继承父类 false不能少
            View itemView = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_view_recyclerview, parent, false);
            MyViewHolder viewHolder = new MyViewHolder(itemView);

            return viewHolder;
        }

        @Override
        public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
            ((MyViewHolder) holder).textView.setText("编号:" + position);
        }

        @Override
        public int getItemCount() {
            return dataArr.length;
        }

        private class MyViewHolder extends RecyclerView.ViewHolder {

            private TextView textView;

            public MyViewHolder(View itemView) {
                super(itemView);
                textView = (TextView) itemView.findViewById(R.id.text_view);
            }
        }
    }
}
RecyclerViewDemo.java

 

以上是关于Android入门——UI的主要内容,如果未能解决你的问题,请参考以下文章

Android非UI片段使用[重复]

java [Fragment片段] #Android #UI

Android入门碎片

iOS 相当于 Android 片段/布局

使用绑定从片段访问父活动的 UI 元素

Android入门——构建UI布局的多种方式