安卓自定义布局实现

原创 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);
            }
        });
版权声明:本文虽为博主原创文章,但是秉承学习开放原则,欢迎转载学习使用。

相关文章推荐

安卓自定义布局,SelectedItem

  • 2017年11月28日 20:28
  • 3KB
  • 下载

安卓自定义布局

  • 2016年05月26日 22:33
  • 173KB
  • 下载

安卓自定义组合控件的实现

步骤: 1.先建立一个xml文件做好里面的布局; 2.建立一个对应的类; 3.在需要用到此布局的地方进行调用这个布局; 具体的实现代码: 1.建立的xml文件: ...

安卓自定义ImageView实现圆形图片

  • 2016年08月23日 18:43
  • 1.71MB
  • 下载

安卓自定义控件初探---仿web验证码的实现

自定义控件对于安卓进阶来说是一门必不可多少的课程,作为菜鸟的我,也开始学习安卓自定义控件,搞了一上午,勉强写出来了一个demo,但是还是很有收获的。自定义控件给我的感觉就是:这些知识点都是成系统的,缺...

安卓自定义view实现彩票刮刮卡效果

欢迎来到亮亮的博客我是一名在校大学生,目前学的是软件,今天我的个人微博也算是开通了,那么我要说的第一个就是我自己研究的安卓,在看自定义view这块时,我特意去找了几位大神的博客看了下,有一位是专门研究...

安卓自定义View实现图片上传进度

  • 2015年05月12日 13:56
  • 1.53MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:安卓自定义布局实现
举报原因:
原因补充:

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