文档章节

动态添加复合控件和删除

手绘灿烂
 手绘灿烂
发布于 2014/04/24 16:27
字数 633
阅读 57
收藏 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
朝阳
程序员
私信 提问
教你动态添加EditText并获取内容, 让项目经理大满足?!

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

sorrower
2018/01/02
0
0
疯狂ios讲义之使用代码创建UI界面

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

博文视点
2014/01/20
948
0
怎样在运行时为Qt Designer添加 删除动态属性

最近在开发Qt 自定义控件。有两种为自定义控件创建动态属性的方式: 上面如果写在自定义控件里,运行时会在属性栏里添加两个属性。但是在运行时添加的就没办法显示,如: if(m_flag) this->s...

狗操_我今年大三它妈
2013/04/11
1K
0
使用 UIStackView 构建动态的 iOS 布局

iOS上的视图布局向来都比较复杂。在iPad和不同尺寸的iPhone诞生之前,开发者习惯硬编码视图布局。随着不同尺寸的iOS设备出现,这种方式已然不可取。为了解决这个问题,Apple提供了AutoLayou...

oschina
2016/02/18
4.1K
4
编程创建 Windows Phone 的全景应用 (Panorama)

在这个教程中我们将学习如何创建一个包含动态全景控件的 Windows Phone 7 应用程序。关于什么是全景控件请看本文最后的运行截图。 首先打开 Visual Studip 2010 并创建一个新的 Sliverlight ...

王振威
2012/11/27
211
0

没有更多内容

加载失败,请刷新页面

加载更多

自定义线程池

自定义线程工厂: public class CustomThreadFactory implements ThreadFactory { private static final Logger LOGGER = LoggerFactory.getLogger(CustomThreadFactory.class); pu......

hensemlee
11分钟前
1
0
【剑指offer纪念版】-- 面试题目录

2.实现Singleton模式 3.二维数组中的查找 4.替换空格 5.从尾到头打印链表 6.重建二叉树 7.用两个栈实现队列 8.旋转数组的最小数字 9.斐波那契数列 10.二进制中1的个数 11.数值的整数次方 12...

细节探索者
24分钟前
1
0
记一次oom内核优化记录:vm.lower_zone_protection

情景 最近gitlab服务会偶发性500,当前机器部署了gitlab、nfs等服务,经过排查发现是nfsd引发oom,导致系统运行不畅。处理过程如下: 事故现场 开发在使用gitlab的时候发现,偶发性的出现500...

阿dai
56分钟前
4
0
Spring Batch JSON 支持

Spring Batch 4.1 开始能够支持 JSON 格式了。这个发布介绍了一个新的数据读(item reader)能够读取一个 JSON 资源,这个资源按照下面的格式: [  {    "isin": "123",    ...

honeymose
今天
0
0
浏览器缓存

HTTP缓存类型 200 from cache:直接从本地缓存获取响应,可细分为from disk cache, from memory cache 304 Not Modified:协商缓存,本地未命中发送校验数据到服务端,如果服务端数据没有改变,则读...

关元
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部