文档章节

动态添加复合控件和删除

手绘灿烂
 手绘灿烂
发布于 2014/04/24 16:27
字数 633
阅读 130
收藏 0

阿里云携手百名商业领袖、技术大咖,带您一探行进中的数字新基建!>>>

首先感谢http://blog.csdn.net/notice520/article/details/6667827,这篇文章对我使用复合控件起了很大的帮助。

 第一步 当然是新建一个描述复合控件的layout。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_margin="2dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <ImageView
        android:id="@+id/image"
        android:src="@drawable/view_bg"
        android:layout_width="150dp"
        android:layout_height="200dp" />
    <ImageView
        android:id="@+id/closeBtn"
        android:layout_alignTop="@id/image"
        android:layout_alignRight="@id/image"
        android:src="@android:drawable/ic_menu_close_clear_cancel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/label"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</RelativeLayout>

 里面有一个drawable

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    >
    <solid android:color="@android:color/black"/>
</shape>

现在我们自定义一个view

package com.lee.android.apis.testimage.app;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;
/**
 * Created by alex on 14-4-24.
 */
public class ImageShow extends RelativeLayout {
    private ImageView image;
    private ImageView closeBtn;
    private TextView label;
    private View rootView;
    //使用类要实现的接口
    private OnCloseClickListener onCloseClickListener;
    public ImageShow(Context context,int index) {
        super(context);
        //附加layout到这个自定义view
        rootView = LayoutInflater.from(context).inflate(R.layout.weiget_image_show,this,true);
        init(index);
    }
    private void init(int index){
        image = (ImageView) findViewById(R.id.image);
        closeBtn = (ImageView) findViewById(R.id.closeBtn);
        label = (TextView) findViewById(R.id.label);
        label.setText("index: " + index);
        closeBtn.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if (onCloseClickListener != null && rootView != null) {
                    //这一步很重要返回rootView,这样我们在使用类就可以操作这个rootView了
                    //不过你是想删除或是其他理论上都应该可以,反正删除这个rootView是可以的。
                    onCloseClickListener.closeImage(rootView);
                }
            }
        });
    }
    public void setOnCloseClickListener(OnCloseClickListener onCloseClickListener) {
        this.onCloseClickListener = onCloseClickListener;
    }
    //定义的接口
    interface OnCloseClickListener{
        void closeImage(View view);
    }
}

我们看一下使用类

package com.lee.android.apis.testimage.app;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;

//实现了ImageView得监听方法
public class MainActivity extends Activity implements ImageShow.OnCloseClickListener{
    private LinearLayout layout;
    private int index;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //得到容器,动态添加view
        layout = (LinearLayout) findViewById(R.id.container);
        for (int i = 0; i < 4; i++) {
            index = i;
            ImageShow imageShow  = new ImageShow(this,index);
            imageShow.setOnCloseClickListener(this);
            layout.addView(imageShow);
        }
    }
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
    
    
    //这里我们借助了一下MenuItem,来添加view
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            index++;
            ImageShow show = new ImageShow(this,index);
            show.setOnCloseClickListener(this);
            layout.addView(show);
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
    //实现接口 删除返回的rootView
    @Override
    public void closeImage(View view) {
        layout.removeView(view);
    }
}

到此一个动态添加和删除的复合控件完成了。

 

© 著作权归作者所有

手绘灿烂
粉丝 7
博文 53
码字总数 20728
作品 0
朝阳
程序员
私信 提问
加载中

评论(0)

教你动态添加EditText并获取内容, 让项目经理大满足?!

前言 当你拿着测试app给项目经理, 项目经理总会提一些奇怪的要求. 比如说, 不想手动输入路径, 你去加个像windows文件管理器那样点击的.然后一顿忙碌后, 拿着新的测试app给项目经理, 经理觉得...

sorrower
2018/01/02
0
0
[原创]复合控件中如何将客户端的处理结果通知服务器端的解决办法

Polaris网友的留言:本人在开发一个复合控件过程中存在一个问题,向您请教。某复合控件中包含一个ListBox服务器子控件,该子控件的数据是通过在Page_load中绑定上去的。整个控件呈现到客户端...

MSPlus WebControls For ASP.NET. (服务器端控件)
2004/08/23
0
0
疯狂ios讲义之使用代码创建UI界面

更实际的情况是,在程序运行开始时,程序已经具有一个初始的程序界面(初始界面可能只包含一个UIView),在程序运行过程中,程序需要根据用户交互来动态添加、删除UI控件。 在这种需求下,我...

博文视点
2014/01/20
1K
0
原型设计的工具-----Axure RP

原型设计的工具-----Axure RP 1.原型设计的工具 目前能用于原型设计的工具有很多,其中有七种比较好。 (1) Axure RP (2) Mockplus (3) Justinmind (4) Invision (5) Flinto (6) ...

osc_mjxt68ao
2019/04/28
4
0
【BS学习】ASP.NET北大青鸟视频总结

【背景】 前一段时间学习完了ASP.NET的北大青鸟视频,进行总结一下。 【内容】 第一章 Asp.net和Web窗体 第二章 ASP.NET中的对象 第三章 Web服务器控件 第四章 HTML控件和验证控件 第五章 Ap...

yym15732626210
2018/02/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Portworx on OpenShift 原理讲解视频

Portworx on RedHat OpenShift https://v.qq.com/x/page/g0975mnzln0.html 欢迎回到Portworx技术讲解系列视频。我们今天介绍红帽Openshift上的Portworx。我们讨论基本的OpenShift部署,包括本...

Portworx
10分钟前
11
0
type_traits类型特征萃取

type_traits库提供一组特征(traits)类——元函数,可以在编译期确定类型是否具有某些特征。 根据返回类型type_traits库里的元函数可以分为以下两大类: 检查元数据属性的值元函数:以::val...

零落年华
16分钟前
11
0
3 年经验的 Java 后端妹子,横扫阿里、滴滴、美团,整理出这份厚厚的 8000 字面经!

自序 这次面试的公司有一点点多,主要是因为毕业后前两份工作找的都很草率,这次换工作就想着,emm,毕业三年了,该找个工作好好沉淀几年了。 先说下这次面试的结果吧: 到 hr 面的:阿里、美...

码农突围
20分钟前
15
0
Oracle中关于视图-序列-同义词-索引的详解

一.视图 1.什么是视图 简单来说 视图就是一个虚拟表,实体表的映射 什么时候使用视图 在开发中,有一些表结构是不希望过多的人去接触,就把实体表映射为一个视图。(表结构简化) 在项目过程...

煌sir
22分钟前
18
0
lodash之_.chunk _.compact _.concat方法

注:前提引入lodash.min.js 1、_.chunk _.chunk(array, [size=1]) chunk:英文释义:厚块; 厚片; 大块; 相当大的量; 话语组成部分; 组块; 功能:将数组(array)拆分成多个size长度的区块,...

一生懸命吧
34分钟前
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部