Android集成LinearLayout实现DoubleChoiceButton
2016-10-31 17:45
197 查看
在写日记本时,想实现一个长按标签弹出黑色的Toggle(具体专业不知道怎么叫,就先这么叫吧
)
大概的样子如下
在制作时发现文字始终不能正常显示,子布局没能填充父布局,这就让我很是惆怅。
在网上搜寻答案,有说是需要在外部的LinearLayout设置Orientation,经试验,不行。
后来看到有人遇到与我相同的问题,都是用了9.png图片做背景。起初并不具体9.png的规则是什么,只知道黑边是规定可拉伸部分的。
原来做背景时,子控件只能填充黑边交叉的部分。
终于解决了,就是下边那个尖尖有点失真了(欢迎补充怎么解决这个问题)
下面附上源码:
package csu.scrovor.cn.inote.UI.Widgets.ChoiceButton;
import android.content.Context;
import android.graphics.Paint;
import android.graphics.Rect;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.TextView;
import csu.scrovor.cn.inote.R;
/**
* Created by lenovo on 2016/10/29.
*/
public class ChoiceButton extends LinearLayout {
private static final String REWRITE_TEXT = "修改";
private static final String DELETE_TEXT = "删除";
private TextView edit;
private TextView delete;
private ChoiceListener listener;
private View content;
public ChoiceButton(Context context) {
super(context);
initView(context);
}
public ChoiceButton(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public ChoiceButton(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initView(context);
}
public void initView(Context context) {
LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
content = inflater.inflate(R.layout.layout_choice_btn, null);
edit = (TextView) content.findViewById(R.id.edit);
delete = (TextView) content.findViewById(R.id.delete);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
this.addView(content, params);
}
public void setChoiceListener(final ChoiceListener listener) {
this.listener = listener;
edit.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
listener.onChoiceItemOne();
}
});
delete.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
listener.onChoiceItemTwo();
}
});
}
}
Listener
/**
* Created by lenovo on 2016/10/30.
*/
public interface ChoiceListener {
public void onChoiceItemOne();
public void onChoiceItemTwo();
}xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:background="@drawable/ps">
<android.support.v4.widget.Space
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"/>
<TextView
android:id="@+id/edit"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="6"
android:text="Edit"
android:gravity="center"
android:textColor="#ffffff"/>
<TextView
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:text="|"
android:textColor="#ffffff"/>
<TextView
android:id="@+id/delete"
android:layout_width="0dp"
android:layout_height="match_parent"
android:text="Delete"
android:layout_weight="6"
android:gravity="center"
android:singleLine="true"
android:textColor="#ffffff"/>
<android.support.v4.widget.Space
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"/>
</LinearLayout>
)
大概的样子如下
在制作时发现文字始终不能正常显示,子布局没能填充父布局,这就让我很是惆怅。
在网上搜寻答案,有说是需要在外部的LinearLayout设置Orientation,经试验,不行。
后来看到有人遇到与我相同的问题,都是用了9.png图片做背景。起初并不具体9.png的规则是什么,只知道黑边是规定可拉伸部分的。
原来做背景时,子控件只能填充黑边交叉的部分。
终于解决了,就是下边那个尖尖有点失真了(欢迎补充怎么解决这个问题)
下面附上源码:
package csu.scrovor.cn.inote.UI.Widgets.ChoiceButton;
import android.content.Context;
import android.graphics.Paint;
import android.graphics.Rect;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.TextView;
import csu.scrovor.cn.inote.R;
/**
* Created by lenovo on 2016/10/29.
*/
public class ChoiceButton extends LinearLayout {
private static final String REWRITE_TEXT = "修改";
private static final String DELETE_TEXT = "删除";
private TextView edit;
private TextView delete;
private ChoiceListener listener;
private View content;
public ChoiceButton(Context context) {
super(context);
initView(context);
}
public ChoiceButton(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public ChoiceButton(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initView(context);
}
public void initView(Context context) {
LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
content = inflater.inflate(R.layout.layout_choice_btn, null);
edit = (TextView) content.findViewById(R.id.edit);
delete = (TextView) content.findViewById(R.id.delete);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
this.addView(content, params);
}
public void setChoiceListener(final ChoiceListener listener) {
this.listener = listener;
edit.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
listener.onChoiceItemOne();
}
});
delete.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
listener.onChoiceItemTwo();
}
});
}
}
Listener
/**
* Created by lenovo on 2016/10/30.
*/
public interface ChoiceListener {
public void onChoiceItemOne();
public void onChoiceItemTwo();
}xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:background="@drawable/ps">
<android.support.v4.widget.Space
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"/>
<TextView
android:id="@+id/edit"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="6"
android:text="Edit"
android:gravity="center"
android:textColor="#ffffff"/>
<TextView
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:text="|"
android:textColor="#ffffff"/>
<TextView
android:id="@+id/delete"
android:layout_width="0dp"
android:layout_height="match_parent"
android:text="Delete"
android:layout_weight="6"
android:gravity="center"
android:singleLine="true"
android:textColor="#ffffff"/>
<android.support.v4.widget.Space
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"/>
</LinearLayout>
相关文章推荐
- Android linearlayout实现button的点击效果
- Android中ImageButton自定义按钮的按下效果的代码实现方法,附网上2种经典解决方法。
- Android自定义button的实现,未选中,按下,选中效果
- 最简洁的方式(最少的代码)在Android上实现IOS的switch button
- [Android] ImageButton | Button | TextView 点击和触摸效果实现
- [Android学UI之四]实现分断Button,模仿MIUI设置页面顶部Button
- 【原创】Android中ImageButton自定义按钮的按下效果的代码实现方法,附网上2种经典解决方法。
- android 用户界面笔记之Button和ImageButton实现按钮响应事件两种方法
- android Button实现透明按钮
- Android中ImageButton自定义按钮的按下效果的代码实现方法,附网上2种经典解决方法
- android在界面做一个返回button实现
- Android开发学习笔记:Button事件实现方法的总结
- Android ImageButton 如何实现一个点击效果
- Android提高篇之listView点击button翻页功能实现
- Android中ImageButton自定义按钮的按下效果的代码实现方法
- android 实现可拖动的Button
- Android中ImageButton自定义按钮的按下效果的代码实现方法
- Android中用BaseAdapter实现带Button和显示网络图片的Listview
- lua学习笔记 2 android调用Lua。Lua脚本中实现添加Button,并为Button增加Listener
- 完美实现Android自定义控件---以自定义带图片和文本的Button为例