安卓自定义布局实现

原创 2016年06月01日 16:21:20

因为在很多时候我们想自己控制一个View的实现,那就需要在xml文件中加入一个自己创建的VIEW。而如果是在JAVA文件中用代码画图,当然可行,但是比较繁琐,而我做的是插入自己的View,在java代码中实现这个view所要用的一些功能。

XML

写一个LinearLayout自定义View实现
下面是需要在一个布局中加入我的自定义的View
fragment_station.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="wrap_content">
    <!-- 自定义的VIEW-->
    <cn.tcb.destmonitoronline.view.HeaderDisplay
        android:id="@+id/header"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    </cn.tcb.destmonitoronline.view.HeaderDisplay>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/light_gray"/>
    <ListView
        android:id="@+id/list_view_station"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </ListView>
</LinearLayout>

header_display.xml
自定义VIEW的实现:里面包含一个textview和一个imageview,而我的整个LinearLayout要实现点击功能

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?android:attr/selectableItemBackground"   //用来显示点击效果
    >
    <TextView
        android:id="@+id/header_text"
        android:textSize="20sp"
        android:gravity="center"
        android:layout_weight="6"
        android:layout_width="1px"
        android:layout_height="?attr/listPreferredItemHeight"
       />
    <ImageView
        android:id="@+id/header_image"
        android:layout_weight="1"
        android:layout_width="1px"
        android:layout_height="wrap_content"
        android:src="@mipmap/search"
        android:layout_gravity="center"/>
</LinearLayout>

JAVA

自定义的View文件在此我继承的是layout,如果extends View则需要在java文件中进行画图,用java的canvas,paint等类进行画图,而我只是想要把继承一个layout以便于之后的复用,因为有多个地方用到这个我定义的标头layout,所以我直接extends layout并加载一个xml作为布局。

HeaderDisplay .java

public class HeaderDisplay extends LinearLayout{
    /**
     * @Description: 构造方法,多个构造方法以便使用
     *
     * @auther renchongbin
     * created at 2016/6/1 14:27
     */
    public HeaderDisplay(Context context) {
        super(context);
        initLayout();
    }
    public HeaderDisplay(Context context, AttributeSet attrs) {
        super(context, attrs);
        initLayout();
    }

    public HeaderDisplay(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initLayout();
    }
    //初始化变量
    private TextView mTextTitle;
    private ImageView mImageView;


    /**
     * @Description: 初始化layout和里面的控件
     *
     * @auther renchongbin
     * created at 2016/6/1 14:27
     */
    protected void initLayout() {
        //找出相应布局文件并加载
        LayoutInflater inflater=(LayoutInflater)getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View layout = inflater.inflate(R.layout.header_display, this, true);//要用this来进行确定加载此布局
        //获取到相应的控件id
        mTextTitle = (TextView)findViewById(R.id.header_text);
        mImageView = (ImageView)findViewById(R.id.header_image);

    }
    /**
     * @Description: 设置text显示的内容
     *
     * @auther renchongbin
     * created at 2016/6/1 14:26
     */
    public void setText(String name){
        mTextTitle.setText(name);
    }
}

下面就可以在其他文件中进行调用自定义View的功能了
先声明

private HeaderDisplay mHeaderDisplay;

然后调用

 @Override
    public View onCreateView(LayoutInflater inflater,
                             ViewGroup container,
                             Bundle savedInstanceState) {
    //此fragment加载的界面
        View view = inflater.inflate(R.layout.fragment_stations, container, false);

        //获取Header布局控件
        mHeaderDisplay = (HeaderDisplay) view.findViewById(R.id.header);
        //点击响应事件
        mHeaderDisplay.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
            Intent regionFilterDialogIntent = new Intent(getActivity(), RegionFilterDialog.class);
                startActivityForResult(regionFilterDialogIntent, REQUEST_FOR_REGION_FILTER);
            }
        });
版权声明:本文虽为博主原创文章,但是秉承学习开放原则,欢迎转载学习使用。

Android 自定义布局控件-圆形RelativeLayout

Android 自定义布局控件-圆形RelativeLayout在自己做的一个项目中经常需要在圆形布局文件中放控件,于是自己做了一个圆形的RelativeLayout,功能比较单一,可以设置背景色和透...
  • jiang001002jay
  • jiang001002jay
  • 2017年03月11日 15:25
  • 1413

安卓自定义布局

安卓自定义布局自定义布局主要作用可以减少后期代码的编写,假如我们写了一个布局文件,要在很多Activity使用,则要每次都要注册布局里的控件,如果我们事先定义好这个布局后,日后就可以直接拿来用了。写的...
  • qq_31556881
  • qq_31556881
  • 2017年03月02日 14:35
  • 88

Android开发学习之路--UI之自定义布局和控件

新的一年已经开始了,今天已经是初二了,两天没有学习了,还是要来继续学习下。一般手机的title都是actionbar,就像iphone一样可以后退,可以编辑。这里自定义布局就来实现下这个功能,首先准备...
  • eastmoon502136
  • eastmoon502136
  • 2016年02月09日 16:18
  • 4317

自定义布局对话框的使用(Dialog)

1、对话框在平时比较常用,实现起来也比较简单。下面是自定义布局对话框的代码: public void showDialog(){ AlertDialog.Builder builder = n...
  • u011324501
  • u011324501
  • 2016年06月02日 11:30
  • 10236

Android AlertDialog自定义布局

由于开发中经常使用弹框,然而系统自带的弹框太局限,也不太美观,经常不能满足开发需求,所以就只能自定义布局。其实自定义布局很简单,没不要写出来,但是如果不写一遍的,后面遇到的话就感觉又会忘记,所以在次记...
  • u010694658
  • u010694658
  • 2016年11月03日 15:51
  • 966

自定义ListView实现上拉分页加载更多数据

效果图: 布局文件 /LoadListView/res/layout/activity_main.xml
  • gly742279097
  • gly742279097
  • 2015年04月13日 21:55
  • 609

分享2个android开源库 DanmakuFlameMaster以及Volley

1.DanmakuFlameMaster 来自B站的开源项目,DanmakuFlameMaster(燃烧吧!烈焰弹幕使),名字也很有B站气息。 主要是做弹幕用的。 参考链接: https://...
  • a102111
  • a102111
  • 2015年07月20日 14:37
  • 2347

Android之ListActivity(一):布局与数据绑定

Android中的列表,当然也可以用ListView来完成所需要的功能,用法是一样的。 废话不说,来关键的。 LiveActivity本身继承了关于List操作的众多接口,我们可以方便的重写这些操...
  • imxiangzi
  • imxiangzi
  • 2016年05月27日 17:38
  • 939

DrawerLayout及自定义的实现

DrawerLayout作为官方提供的抽屉式控件,能给我们的应用带来炫酷的效果。提升用户的体验。下面来看看通过DrawerLayout的效果。 DrawerLayout的使用 DrawerLayo...
  • hukuhy
  • hukuhy
  • 2016年11月25日 18:02
  • 1178

Android dialog 对话框自定义布局

搞Android四年了 自定义dialog布局一直都写不好。。 今天来汇总一下 Activity中用到自定义的dialog  一般情况下 public class BaseDial...
  • ID19870510
  • ID19870510
  • 2015年12月25日 19:06
  • 3159
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:安卓自定义布局实现
举报原因:
原因补充:

(最多只允许输入30个字)