【第22期】观点:IT 行业加班,到底有没有价值?

安卓自定义布局实现

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

相关文章推荐

实现自定义布局的Notification

上一节中,我们实现了自己的notification,相信大家都有了一些认识,在最后也接受了利用RemoteView来实现自定义布局的notification,这里就来举一个示例,方便理解。     ...

自定义布局

我们进一步学习构建稍微复杂一点的布局。通过对抽象类QLayout的继承来进行自己的布局。在这个例子中,我们将重构QLayout类为BorderLayout,QLayout是一个用于布局管理的基础抽象类...

自定义通知栏布局

效果图:通知栏布局custom_notification.xml mChenys
  • mChenys
  • 2016-04-04 15:27
  • 1258
  • 自定义布局机制

    公司项目中有一个控件自动换行需求,也就是从在ViewGroup中布局子View时根据view的大小,自动换行,根据这个需求,我开始研究android布局的源码,android控件布局需要执行三个过程,...

    Android自定义ViewGroup(四、打造自己的布局容器)

    转载请标明出处: http://blog.csdn.net/xmxkf/article/details/51490283 本文出自:【openXu的博客】 目录:简单实现水平排列效果 ...

    深入解析Android的自定义布局

    这篇文章是前Firefox Android工程师(现在跳槽去Facebook了) Lucas Rocha所写,文中对Android中常用的四种自定义布局方案进行了很好地分析,并结合这四种Android...

    自定义布局流程图及使用

    ACRA : Application crash report for android 作用: 为自己的应用找bug 使用步骤:参考文档 自定义布局的实现:流程图参照流程图:当有孩子时,是否需要对孩子...

    Android 自定义View引用xml布局

    一参 Context上下文 二参 xml布局文件id 三参 ViewGroup inflate(context, R.layout.activity_main, this);public cla...

    android自定义布局的使用!

    自定义layout布局;

    自定义View—自定义属性及引用

    学习导航….后续添加,自定义view不是一章能说清的。本章讲解: 自定义视图,我们需要做哪些准备!对于一些中级的开发者来说就要接触到自定义视图,由于Android自带的视图无法满足自己需求,又或者美观...
    收藏助手
    不良信息举报
    您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
    举报原因:
    原因补充:

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