- 浏览: 5777063 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (890)
- WindowsPhone (0)
- android (88)
- android快速迭代 (17)
- android基础 (34)
- android进阶 (172)
- android高级 (0)
- android拾遗 (85)
- android动画&效果 (68)
- Material Design (13)
- LUA (5)
- j2me (32)
- jQuery (39)
- spring (26)
- hibernate (20)
- struts (26)
- tomcat (9)
- javascript+css+html (62)
- jsp+servlet+javabean (14)
- java (37)
- velocity+FCKeditor (13)
- linux+批处理 (9)
- mysql (19)
- MyEclipse (9)
- ajax (7)
- wap (8)
- j2ee+apache (24)
- 其他 (13)
- phonegap (35)
最新评论
-
Memories_NC:
本地lua脚本终于执行成功了,虽然不是通过redis
java中调用lua脚本语言1 -
ZHOU452840622:
大神://处理返回的接收状态 这个好像没有监听到 遇 ...
android 发送短信的两种方式 -
PXY:
拦截部分地址,怎么写的for(int i=0;i<lis ...
判断是否登录的拦截器SessionFilter -
maotou1988:
Android控件之带清空按钮(功能)的AutoComplet ...
自定义AutoCompleteTextView -
yangmaolinpl:
希望有表例子更好。。。,不过也看明白了。
浅谈onInterceptTouchEvent、onTouchEvent与onTouch
最近项目要开发一个新版本,发现项目中许多布局大致都相同改动不大,并且布局中代码量非常之多不好阅读,针对项目相关内容进行了封装。
实现思路:
通过继承RelativeLayout实现动态添加所需要的控件,TextView ImageView View 一共封装了8个控件 leftImg reightImg leftTv rightTv centerTv leftTopTv leftBottomTv bottomLine 根据需要动态添加AddView(View) 通过LayoutParams.addRule()设置控件的位置,LayoutParams.setMargins()设置大小进行所需控件的控制实现以下效果:
用法:
自定义属性:
ids.xml
项目中常用选项条目布局控件
https://github.com/GitLqr/LQROptionItemView
实现思路:
通过继承RelativeLayout实现动态添加所需要的控件,TextView ImageView View 一共封装了8个控件 leftImg reightImg leftTv rightTv centerTv leftTopTv leftBottomTv bottomLine 根据需要动态添加AddView(View) 通过LayoutParams.addRule()设置控件的位置,LayoutParams.setMargins()设置大小进行所需控件的控制实现以下效果:
用法:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#f7f7f8" android:orientation="vertical" tools:context="com.dengxiao.customtextlayout.MainActivity"> <ScrollView android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <com.dengxiao.customtextlayout.CustomTextView android:layout_width="match_parent" android:layout_height="55dp" android:background="#1fde94" app:leftTvColor="#ffffff" app:leftTvMarginleft="20dp" app:leftTvSize="20sp" app:leftTvString="CustomTextViewLayout" /> <com.dengxiao.customtextlayout.CustomTextView android:layout_width="match_parent" android:layout_height="55dp" android:background="#ffffff" app:bottomLineHeight="1dp" app:bottomLineShow="true" app:bottomcolor="#eeeeee" app:centerTvColor="#000" app:centerTvSize="18sp" app:centerTvString="标题" app:leftImg="@drawable/btn_back_pressed" app:leftImgHeight="40dp" app:leftImgMarginleft="5dp" app:leftImgWight="40dp" app:leftTvColor="@color/colorAccent" app:leftTvMarginleft="5dp" app:leftTvSize="18sp" app:leftTvString="左边" app:rightImg="@drawable/btn_forward_pressed" app:rightImgHeight="50dp" app:rightImgMarginright="10dp" app:rightImgWidht="50dp" app:rightTvColor="#52adff" app:rightTvMarginright="10dp" app:rightTvSize="19sp" app:rightTvString="右边" /> <com.dengxiao.customtextlayout.CustomTextView android:layout_width="match_parent" android:layout_height="55dp" android:background="#3F51B5" app:bottomLineHeight="1dp" app:bottomLineShow="true" app:bottomcolor="#EEEEEE" app:leftImg="@drawable/btn_back_pressed" app:leftImgHeight="40dp" app:leftImgMarginleft="5dp" app:leftImgWight="40dp" app:leftTvColor="#ffffff" app:leftTvSize="18sp" app:leftTvString="银行卡" app:rightTvColor="#ffffff" app:rightTvMarginright="10dp" app:rightTvSize="15sp" app:rightTvString="银行卡限额" /> <com.dengxiao.customtextlayout.CustomTextView android:layout_width="match_parent" android:layout_height="55dp" android:background="#ffffff" app:bottomLineHeight="1dp" app:bottomLineMargin="10dp" app:bottomLineShow="true" app:bottomcolor="#eeeeee" app:leftImg="@drawable/btn_back_pressed" app:leftImgHeight="40dp" app:leftImgMarginleft="5dp" app:leftImgWight="40dp" app:leftTvColor="#000" app:leftTvMarginleft="10dp" app:leftTvSize="18sp" app:leftTvString="积分排行" app:rightImg="@drawable/img_share" app:rightImgHeight="30dp" app:rightImgMarginright="10dp" app:rightImgWidht="30dp" /> <com.dengxiao.customtextlayout.CustomTextView android:layout_width="match_parent" android:layout_height="55dp" android:background="#ff8053" app:centerTvColor="#ffffff" app:centerTvSize="18sp" app:centerTvString="赫丹" app:leftImg="@drawable/icon_portrait" app:leftImgHeight="40dp" app:leftImgMarginleft="10dp" app:leftImgWight="40dp" app:rightTvColor="#ffffff" app:rightTvMarginright="10dp" app:rightTvSize="18sp" app:rightTvString="更多" /> <com.dengxiao.customtextlayout.CustomTextView android:layout_width="match_parent" android:layout_height="55dp" android:background="#EEEEEE" app:bottomLineHeight="1dp" app:bottomLineMargin="10dp" app:bottomLineShow="true" app:bottomcolor="#ffffff" app:leftImg="@drawable/btn_back_pressed" app:leftImgHeight="40dp" app:leftImgMarginleft="5dp" app:leftImgWight="40dp" app:leftTvColor="#000" app:leftTvMarginleft="10dp" app:leftTvSize="18sp" app:leftTvString="分类" /> <com.dengxiao.customtextlayout.CustomTextView android:layout_width="match_parent" android:layout_height="55dp" android:background="@color/colorAccent" app:centerTvColor="#ffffff" app:centerTvSize="18sp" app:centerTvString="%丢丢%" app:leftImg="@drawable/ic_search" app:leftImgMarginleft="12dp" /> <com.dengxiao.customtextlayout.CustomTextView android:layout_width="match_parent" android:layout_height="55dp" android:background="#ffffff" app:bottomLineHeight="1dp" app:bottomLineMargin="10dp" app:bottomLineShow="true" app:bottomcolor="#eeeeee" app:leftImg="@drawable/gonghang" app:leftImgHeight="40dp" app:leftImgMarginleft="10dp" app:leftImgWight="40dp" app:leftTvColor="@color/colorAccent" app:leftTvMarginleft="20dp" app:leftTvSize="18sp" app:leftTvString="工商银行" /> <com.dengxiao.customtextlayout.CustomTextView android:layout_width="match_parent" android:layout_height="55dp" android:background="#ffffff" app:bottomLineHeight="1dp" app:bottomLineMargin="10dp" app:bottomLineShow="true" app:bottomcolor="#eeeeee" app:centerTVMarginleft="20dp" app:centerTvSize="18sp" app:centerTvString="¥80000 元" app:leftTvColor="#a1a5aa" app:leftTvMarginleft="20dp" app:leftTvSize="18sp" app:leftTvString="市场价" /> <com.dengxiao.customtextlayout.CustomTextView android:layout_width="match_parent" android:layout_height="55dp" android:layout_marginRight="5dp" android:background="#ffffff" app:bottomLineHeight="1dp" app:bottomLineMargin="10dp" app:bottomLineShow="true" app:bottomcolor="#eeeeee" app:centerTVMarginleft="20dp" app:centerTvSize="18sp" app:centerTvString="黑色 128" app:leftTvColor="#a1a5aa" app:leftTvMarginleft="20dp" app:leftTvSize="18sp" app:leftTvString="款式" app:rightImg="@drawable/btn_forward_pressed" app:rightImgHeight="40dp" app:rightImgWidht="40dp" /> <com.dengxiao.customtextlayout.CustomTextView android:layout_width="match_parent" android:layout_height="55dp" android:background="#ffffff" app:bottomLineHeight="1dp" app:bottomLineMargin="10dp" app:bottomLineShow="true" app:bottomcolor="#eeeeee" app:leftTvColor="#a1a5aa" app:leftTvMarginleft="20dp" app:leftTvSize="18sp" app:leftTvString="款式" app:rightImg="@drawable/btn_forward_pressed" app:rightImgHeight="40dp" app:rightImgMarginright="5dp" app:rightImgWidht="40dp" app:rightTvMarginright="10dp" app:rightTvSize="18sp" app:rightTvString="黑色 128" /> <com.dengxiao.customtextlayout.CustomTextView android:layout_width="match_parent" android:layout_height="100dp" android:background="#ffffff" app:bottomLineHeight="1dp" app:bottomLineMargin="10dp" app:bottomLineShow="true" app:bottomcolor="#eeeeee" app:leftBottomTvColor="#a1a5aa" app:leftBottomTvMarginleft="10dp" app:leftBottomTvSize="13sp" app:leftBottomTvString="*** **** **** 4563" app:leftButtomTvMarginBottom="25dp" app:leftImg="@drawable/nonghang" app:leftImgHeight="70dp" app:leftImgMarginleft="20dp" app:leftImgWight="70dp" app:leftTopTvColor="#000" app:leftTopTvMarginTop="25dp" app:leftTopTvMarginleft="10dp" app:leftTopTvSize="18sp" app:leftTopTvString="农业银行" app:rightImg="@drawable/btn_forward_pressed" app:rightImgHeight="40dp" app:rightImgMarginright="5dp" app:rightImgWidht="40dp" /> <com.dengxiao.customtextlayout.CustomTextView android:layout_width="match_parent" android:layout_height="100dp" android:background="#ffffff" app:bottomLineHeight="1dp" app:bottomLineMargin="10dp" app:bottomLineShow="true" app:bottomcolor="#eeeeee" app:leftBottomTvColor="#a1a5aa" app:leftBottomTvMarginleft="10dp" app:leftBottomTvSize="13sp" app:leftBottomTvString="*** **** **** 4563" app:leftButtomTvMarginBottom="25dp" app:leftImg="@drawable/gonghang" app:leftImgHeight="70dp" app:leftImgMarginleft="20dp" app:leftImgWight="70dp" app:leftTopTvColor="#000" app:leftTopTvMarginTop="25dp" app:leftTopTvMarginleft="10dp" app:leftTopTvSize="18sp" app:leftTopTvString="工商银行" /> <com.dengxiao.customtextlayout.CustomTextView android:id="@+id/coustomTextView" android:layout_width="match_parent" android:layout_height="55dp" /> </LinearLayout> </ScrollView> </LinearLayout>
import android.content.Context; import android.content.res.TypedArray; import android.graphics.Color; import android.graphics.drawable.Drawable; import android.text.TextUtils; import android.util.AttributeSet; import android.util.TypedValue; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.RelativeLayout; import android.widget.TextView; import static android.R.attr.left; /** * Created by Dengxiao on 2016/12/8. */ public class CustomTextView extends RelativeLayout { //文字 private String leftTvString;//左边文字 private String rightTvString;//右边文字 private String centerTvString;//中间文字 private String leftTopTvString;//左上文字 private String leftBottomTvString;//左下文字 private int leftTvSize;//左边文字大小 private int rightTvSize;//右边文字大小 private int centerTvSize;//中间文字大小 private int leftTopTvSize;//左上文字大小 private int leftBottomTvSize;//左下文字大小 private int leftTvMarginleft;//左边文字左边距 private int rightTvMarginright;//右边文字右边距 private int leftTopTvColor;//左上文字颜色 private int leftBottomTvColor;//左下文字颜色 private int leftTvColor;//左边文字颜色 private int rightTvColor;//右边文字颜色 private int centerTvColor;//中间文字颜色 //图片 private Drawable rightImgRes;//右边图片资源 private Drawable leftImgRes;//左边图片资源 private int leftImgWidht;//左边图片宽带 private int leftImgHeight;//左边图片高度 private int rightImgWidht;//右边图片宽带 private int rightImgHeight;//右边图片高度 private int leftImgMarginleft;//左边图片左边距 private int rightImgMarginright;//右边图片右边距 private int centerTVMarginleft;//中间文字左边距 private int leftTopTvMarginTop;//左上文字上边距 private int leftTopTvMarginleft;//左上文字左边就 private int leftBottomTvMarginleft;//左下文字左边距 private int leftButtomTvMarginBottom;//左下文字下边距 //下划线margin private int bottomLineMargin; private boolean bottomLineShow; private int bottomLineHeight; private int bottomcolor; //一些默认属性 private int defaultTvColor = 0xFF373737;//文字默认颜色 private TextView leftTv, centerTv, rightTv,leftTopTv,leftBottomTv; private ImageView leftIV, rightIV; private View bottomView; private Context mContext; private OnTextViewClickListener OnTextViewClickListener; public CustomTextView setOnTextViewClickListener(OnTextViewClickListener listener) { this.OnTextViewClickListener = listener; return this; } public CustomTextView(Context context, AttributeSet attrs) { super(context, attrs); this.mContext = context; initAttr(attrs); initLayout(); this.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { if (OnTextViewClickListener != null) { OnTextViewClickListener.OnTextViewClick(); } } }); } private void initAttr(AttributeSet attrs) { TypedArray typedArray = mContext.obtainStyledAttributes(attrs, R.styleable.CustomTextView); leftTvString = typedArray.getString(R.styleable.CustomTextView_leftTvString); rightTvString = typedArray.getString(R.styleable.CustomTextView_rightTvString); centerTvString = typedArray.getString(R.styleable.CustomTextView_centerTvString); leftTopTvString = typedArray.getString(R.styleable.CustomTextView_leftTopTvString); leftBottomTvString = typedArray.getString(R.styleable.CustomTextView_leftBottomTvString); leftTvSize = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftTvSize, 16); rightTvSize = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_rightTvSize, 16); centerTvSize = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_centerTvSize, 16); leftImgRes = typedArray.getDrawable(R.styleable.CustomTextView_leftImg); rightImgRes = typedArray.getDrawable(R.styleable.CustomTextView_rightImg); leftTvColor = typedArray.getColor(R.styleable.CustomTextView_leftTvColor, defaultTvColor); rightTvColor = typedArray.getColor(R.styleable.CustomTextView_rightTvColor, defaultTvColor); centerTvColor = typedArray.getColor(R.styleable.CustomTextView_centerTvColor, defaultTvColor); leftImgWidht = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftImgWight, 0); leftImgHeight = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftImgHeight, 0); rightImgWidht = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_rightImgWidht, 0); rightImgHeight = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_rightImgHeight, 0); leftTvMarginleft = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftTvMarginleft, 0); rightTvMarginright = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_rightTvMarginright, 0); leftImgMarginleft = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftImgMarginleft, 0); rightImgMarginright = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_rightImgMarginright, 0); bottomLineMargin = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_bottomLineMargin, 0); bottomLineShow = typedArray.getBoolean(R.styleable.CustomTextView_bottomLineShow, false); bottomLineHeight = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_bottomLineHeight, 1); bottomcolor = typedArray.getColor(R.styleable.CustomTextView_bottomcolor, defaultTvColor); centerTVMarginleft = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_centerTVMarginleft, 0); leftTopTvMarginTop = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftTopTvMarginTop, 0); leftTopTvMarginleft = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftTopTvMarginleft, 0); leftBottomTvMarginleft = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftBottomTvMarginleft, 0); leftButtomTvMarginBottom = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftButtomTvMarginBottom, 0); leftTopTvSize = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftTopTvSize, 16); leftBottomTvSize = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftBottomTvSize, 16); leftTopTvColor = typedArray.getColor(R.styleable.CustomTextView_leftTopTvColor, defaultTvColor); leftBottomTvColor = typedArray.getColor(R.styleable.CustomTextView_leftBottomTvColor, defaultTvColor); typedArray.recycle(); } private void initLayout() { //左边图片初始化 if (leftImgRes != null) { initLeftImg(); } //左边文字初始化 if (!TextUtils.isEmpty(leftTvString)) { initLeftTv(); } //中间文字初始化 if (!TextUtils.isEmpty(centerTvString)) { initCenterTv(); } //左上文字初始化 if(!TextUtils.isEmpty(leftTopTvString)){ initLeftTopTv(); } //左下文字初始化 if(!TextUtils.isEmpty(leftBottomTvString)){ initLeftBottomTv(); } //右边图片初始化 if (rightImgRes != null) { initRightImg(); } //右边的文字初始 if (!TextUtils.isEmpty(rightTvString)) { initRightTv(); } //下边线初始化 if (bottomLineShow) { initBottomLine(); } } //以下是设置字体和图片的属性,,为了适配最好不要动态设置与数字有关的属性 //代码设置左边文字 public CustomTextView setLeftTv(String tvStr, String tvColor) { leftTvString = TextUtils.isEmpty(tvStr) ? leftTvString : tvStr; leftTvColor = TextUtils.isEmpty(tvColor) ? leftTvColor : Color.parseColor(tvColor); if (leftTv == null) { initLeftTv(); } else { leftTv.setText(leftTvString); leftTv.setTextColor(leftTvColor); } return this; } //代码设置右边文字 public CustomTextView setRightTv(String tvStr, String tvColor) { rightTvString = TextUtils.isEmpty(tvStr) ? rightTvString : tvStr; rightTvColor = TextUtils.isEmpty(tvColor) ? rightTvColor : Color.parseColor(tvColor); if (rightTv == null) { initRightTv(); } else { rightTv.setText(rightTvString); rightTv.setTextColor(rightTvColor); } return this; } //代码设置中间文字 public CustomTextView setCenterTv(String tvStr, String tvColor) { centerTvString = TextUtils.isEmpty(tvStr) ? centerTvString : tvStr; centerTvColor = TextUtils.isEmpty(tvColor) ? centerTvColor : Color.parseColor(tvColor); if (centerTv == null) { initCenterTv(); } else { centerTv.setText(centerTvString); centerTv.setTextColor(centerTvColor); } return this; } //代码设置左上文字颜色 public CustomTextView setLeftTopTv(String tvStr,String tvColor){ leftTopTvString=TextUtils.isEmpty(tvStr)?leftTopTvString:tvStr; leftTopTvColor=TextUtils.isEmpty(tvColor)?leftTopTvColor:Color.parseColor(tvColor); if(leftTopTv==null){ initLeftTopTv(); }else{ leftTopTv.setTextColor(leftTopTvColor); leftTopTv.setText(leftTopTvString); } return this; } //代码设置左下文字颜色 public CustomTextView setLeftBottomTv(String tvStr,String tvColor){ leftBottomTvString=TextUtils.isEmpty(tvStr)?leftBottomTvString:tvStr; leftBottomTvColor=TextUtils.isEmpty(tvColor)?leftBottomTvColor:Color.parseColor(tvColor); if(leftBottomTv==null){ initLeftBottomTv(); }else{ leftBottomTv.setTextColor(leftBottomTvColor); leftBottomTv.setText(leftBottomTvString); } return this; } //代码设置布局背景颜色 public CustomTextView setCustomTvBackground(String strColor){ CustomTextView.this.setBackgroundColor(Color.parseColor(strColor)); return this; } //代码设置左边图片 public CustomTextView setLeftImg(Drawable icRes) { leftImgRes = icRes; if (leftIV == null) { initLeftImg(); } else { leftIV.setImageDrawable(leftImgRes); } return this; } //代码设置右边图片 public CustomTextView setRightImg(Drawable icRes) { rightImgRes = icRes; if (rightIV == null) { initRightImg(); } else { rightIV.setImageDrawable(rightImgRes); } return this; } //设置下划线 public CustomTextView setBottomLine(String color) { bottomcolor = TextUtils.isEmpty(color) ? bottomcolor : Color.parseColor(color); if (bottomView == null) { initBottomLine(); } else { bottomView.setBackgroundColor(bottomcolor); } return this; } private void initLeftImg() { leftIV = new ImageView(mContext); int width = leftImgWidht != 0 ? leftImgWidht : LayoutParams.WRAP_CONTENT; int height = leftImgHeight != 0 ? leftImgHeight : LayoutParams.WRAP_CONTENT; LayoutParams leftImgParams = new LayoutParams(width, height); leftImgParams.addRule(ALIGN_PARENT_LEFT, TRUE); leftImgParams.addRule(RelativeLayout.CENTER_VERTICAL, TRUE); leftImgParams.setMargins(leftImgMarginleft, 0, 0, 0); leftIV.setScaleType(ImageView.ScaleType.FIT_XY); leftIV.setId(R.id.leftImg); leftIV.setLayoutParams(leftImgParams); leftIV.setImageDrawable(leftImgRes); leftIV.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { if (OnTextViewClickListener != null) { OnTextViewClickListener.OnLeftImgClick(); } } }); addView(leftIV); } private void initLeftTv() { leftTv = new TextView(mContext); LayoutParams leftTvParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); leftTvParams.addRule(RelativeLayout.CENTER_VERTICAL, TRUE); leftTvParams.addRule(RelativeLayout.RIGHT_OF, R.id.leftImg); leftTvParams.setMargins(leftTvMarginleft, 0, 0, 0); leftTv.setLayoutParams(leftTvParams); leftTv.setTextColor(leftTvColor); leftTv.setId(R.id.leftTv); leftTv.setTextSize(TypedValue.COMPLEX_UNIT_PX, leftTvSize); leftTv.setText(leftTvString); addView(leftTv); } private void initCenterTv() { centerTv = new TextView(mContext); LayoutParams centerTvParams = new LayoutParams(LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); centerTvParams.addRule(centerTVMarginleft != 0 && !TextUtils.isEmpty(leftTvString) ? RelativeLayout.RIGHT_OF : RelativeLayout.CENTER_IN_PARENT, centerTVMarginleft != 0 && !TextUtils.isEmpty(leftTvString) ? R.id.leftTv : TRUE); centerTvParams.addRule(RelativeLayout.CENTER_VERTICAL); centerTvParams.setMargins(centerTVMarginleft, 0, 0, 0); centerTv.setLayoutParams(centerTvParams); centerTv.setTextColor(centerTvColor); centerTv.setTextSize(TypedValue.COMPLEX_UNIT_PX, centerTvSize); centerTv.setText(centerTvString); addView(centerTv); } private void initLeftTopTv(){ leftTopTv=new TextView(mContext); LayoutParams leftTopTvParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); leftTopTvParams.addRule(RelativeLayout.RIGHT_OF, R.id.leftImg); leftTopTvParams.addRule(RelativeLayout.ALIGN_PARENT_TOP,TRUE); leftTopTvParams.setMargins(leftTopTvMarginleft,leftTopTvMarginTop,0,0); leftTopTv.setLayoutParams(leftTopTvParams); leftTopTv.setTextSize(TypedValue.COMPLEX_UNIT_PX,leftTopTvSize); leftTopTv.setTextColor(leftTopTvColor); leftTopTv.setText(leftTopTvString); addView(leftTopTv); } private void initLeftBottomTv(){ leftBottomTv=new TextView(mContext); LayoutParams leftBottomTvParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); leftBottomTvParams.addRule(RelativeLayout.RIGHT_OF, R.id.leftImg); leftBottomTvParams.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM,TRUE); leftBottomTvParams.setMargins(leftBottomTvMarginleft,0,0,leftButtomTvMarginBottom); leftBottomTv.setLayoutParams(leftBottomTvParams); leftBottomTv.setTextSize(TypedValue.COMPLEX_UNIT_PX,leftBottomTvSize); leftBottomTv.setTextColor(leftBottomTvColor); leftBottomTv.setText(leftBottomTvString); addView(leftBottomTv); } private void initRightImg() { rightIV = new ImageView(mContext); int width = rightImgWidht != 0 ? rightImgWidht : LayoutParams.WRAP_CONTENT; int height = rightImgHeight != 0 ? rightImgHeight : LayoutParams.WRAP_CONTENT; LayoutParams rightIVParams = new LayoutParams(width, height); rightIVParams.addRule(RelativeLayout.CENTER_VERTICAL, TRUE); rightIVParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT, TRUE); rightIVParams.setMargins(0, 0, rightImgMarginright, 0); rightIV.setScaleType(ImageView.ScaleType.FIT_XY); rightIV.setId(R.id.rightImg); rightIV.setLayoutParams(rightIVParams); rightIV.setImageDrawable(rightImgRes); rightIV.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { if (OnTextViewClickListener != null) { OnTextViewClickListener.OnRightImgClick(); } } }); addView(rightIV); } private void initRightTv() { rightTv = new TextView(mContext); LayoutParams rightTvParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); rightTvParams.addRule(rightImgRes != null ? RelativeLayout.LEFT_OF : RelativeLayout.ALIGN_PARENT_RIGHT, rightImgRes != null ? R.id.rightImg : TRUE); rightTvParams.addRule(RelativeLayout.CENTER_VERTICAL); rightTvParams.setMargins(0, 0, rightTvMarginright, 0); rightTv.setLayoutParams(rightTvParams); rightTv.setTextColor(rightTvColor); rightTv.setTextSize(TypedValue.COMPLEX_UNIT_PX, rightTvSize); rightTv.setText(rightTvString); rightTv.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { if (OnTextViewClickListener != null) { OnTextViewClickListener.OnRightTvClick(); } } }); addView(rightTv); } private void initBottomLine() { bottomView = new View(mContext); LayoutParams bottomParams = new LayoutParams(LayoutParams.WRAP_CONTENT, bottomLineHeight); bottomParams.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM, TRUE); bottomParams.setMargins(bottomLineMargin, 0, bottomLineMargin, 0); bottomView.setLayoutParams(bottomParams); bottomView.setBackgroundColor(bottomcolor); addView(bottomView); } //点击事件接口 public static class OnTextViewClickListener { public void OnLeftImgClick() { } public void OnRightImgClick() { } public void OnTextViewClick() { } public void OnRightTvClick() { } } }
自定义属性:
<declare-styleable name="CustomTextView"> <attr name="leftTvString" format="string" /> <attr name="rightTvString" format="string" /> <attr name="centerTvString" format="string" /> <attr name="leftTopTvString" format="string"/> <attr name="leftBottomTvString" format="string"/> <attr name="leftTvSize" format="dimension" /> <attr name="rightTvSize" format="dimension" /> <attr name="centerTvSize" format="dimension" /> <attr name="leftTvMarginleft" format="dimension" /> <attr name="rightTvMarginright" format="dimension" /> <attr name="leftTvColor" format="color" /> <attr name="rightTvColor" format="color" /> <attr name="centerTvColor" format="color" /> <attr name="rightImg" format="reference" /> <attr name="leftImg" format="reference" /> <attr name="leftImgWight" format="dimension" /> <attr name="leftImgHeight" format="dimension" /> <attr name="rightImgWidht" format="dimension" /> <attr name="rightImgHeight" format="dimension" /> <attr name="leftImgMarginleft" format="dimension" /> <attr name="rightImgMarginright" format="dimension" /> <attr name="bottomLineMargin" format="dimension" /> <attr name="bottomLineHeight" format="dimension" /> <attr name="centerTVMarginleft" format="dimension" /> <attr name="bottomLineShow" format="boolean"/> <attr name="bottomcolor" format="color"/> <attr name="leftTopTvMarginTop" format="dimension"/> <attr name="leftTopTvMarginleft" format="dimension"/> <attr name="leftBottomTvMarginleft" format="dimension"/> <attr name="leftButtomTvMarginBottom" format="dimension"/> <attr name="leftTopTvSize" format="dimension"/> <attr name="leftBottomTvSize" format="dimension"/> <attr name="leftTopTvColor" format="color"/> <attr name="leftBottomTvColor" format="color"/> </declare-styleable>
ids.xml
<?xml version="1.0" encoding="utf-8"?> <resources> <item name="leftImg" type="id"/> <item name="rightImg" type="id"/> <item name="leftTv" type="id"/> </resources>
项目中常用选项条目布局控件
https://github.com/GitLqr/LQROptionItemView
发表评论
-
工具类之FragmentUtils
2017-04-01 11:37 1649fragment应该是广大Android开发者都用到过的一个v ... -
RecyclerView:带header&footer&加载更多
2015-09-09 16:24 2918接上一篇 由简到繁,循序渐进 实现了: 0,点击&长按 ... -
RecyclerView:带header和footer的grid
2015-09-09 13:47 3000知道原理后,为RecyclerView实现同时带header和 ... -
RecyclerView:带header的grid
2015-09-09 13:01 2391RecyclerView是一个高度可定制性的View 本文将使 ... -
iconify使用文本替换icon测试
2015-08-28 17:12 1654源项目地址 https://github.com/JoanZa ... -
快速上传头像到服务端工具类FaceUtil
2015-07-12 14:22 3018快速迭代用 import java.io.DataOut ... -
HorizontalScrollView+RadioGroup+ViewPager+FragmentPagerAdapter基本结构
2015-07-12 13:56 3249快速迭代用 import java.util.Arr ... -
LoadMoreListView+SwipeRefreshLayout(分页下拉)基本结构
2015-07-12 13:07 4107一切为了快速迭代 import java.util. ... -
RadioButton+ViewPager+FragmentPagerAdapter快速搭建页面结构
2015-07-12 11:08 2516一切为了快速开发 开发类似界面 import and ... -
为ViewPager设置CirclePageIndicator(小圆点)
2015-07-03 16:54 15249一切为了快速迭代! import android.con ... -
简单实现可以多选的ProductListDialog<T>
2015-06-25 22:33 1215只是一个范例,是为了代码快速迭代而写的 使用了listView ... -
基于上一篇写的SimplePairListPopupWindow<F,S>
2015-06-19 11:15 1494这次使用Pair<F,S>实现一个简单的Simpl ... -
基于上一篇实现的SimpleListPopupWindow<T>
2015-06-19 11:11 1479这次是个简单的PopupWindow,快速迭代用。 imp ... -
实现一个快速简单的SimpleListDialog<T>
2015-06-19 10:59 1703我写这样的文章都是为了快速迭代,所以都写的比较简单,谅解 此 ... -
为ViewPager设置SimpleViewPagerIndicator
2015-02-14 13:45 4678说到ViewPagerIndicator,网上有很多专门的开源 ... -
一个典型的从下部弹上来的Dialog
2014-12-05 14:47 6007典型的看图 import android.app ...
相关推荐
左中右结构经典布局demo,文字,元素居中示范等,header,content,footer结构demo
左中右分栏在页面布局中非常实用也很常见,符合大众的浏览习惯,那么如何轻松简单实现呢?下面有个不错的示例,感兴趣的朋友可以参考下
登录页面布局,类似微软登录界面例子。 html、css开发中position、float用法
觉得值你花这么多积分 布局设置: 1:33:11:1:21:2:12:1:1默认(三栏为左中右结构) 功能模块设置: 可选择该模块是否启用 添加模块保存配置:可自定义添加模块 可拖拽显示的所有模块
实现layui的树形表格treeTable,在layui数据表格之上进行扩展实现,详细使用方法请参考压缩包中的README.md文件和实例.
新项目中后台管理系统的布局结构是,上面导航栏,左边菜单栏,右边工作区,下面公司地址等信息,要求左右留出空白,于是做了这么一个demo,分享一下
三栏布局:页面分为左中右三部分。左右固定,中间部分自适应。 1. 绝对定位法 这里的绝对定位是指对左右部分进行绝对定位。 HTML结构。 <div class=left>Left <div class=main>Main <div class=right>Right 代码。 ...
1. HTML结构:在HTML文件中,你需要创建一个容器元素来放置轮播图及其相关元素。一般情况下,你可以使用`<div>`元素作为轮播图容器,并在其中创建其他子元素来显示轮播图片和控制按钮。 2. CSS样式:通过CSS来美化...
主要介绍了vue中实现拖动调整左右两侧div的宽度的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
网页开发中,经常会遇见左中右垂直三栏的布局方式,两侧结构宽度固定,中间自适应,有时候需要优先加载中间区域,那么便在DOM结构上便有所要求,需要中间区域在前,左右区域在后。 首先三个元素横向排列,用浮动...
《CSS网站布局实录:基于Web标准的网站设计指南(第2版)》内容提要: 本书是一本讲述基于Web标准的应用CSS进行网站布局设计与重构的典范之作。 本书以实例为主,一步步地告诉大家如何进行符合Web 2.0标准的CSS布局设计...
1. 设计一种电容测量电路,能用于测量电容量并电容判断的好坏。 2. 设计本测试仪所需的直流稳压电源。...在一定幅面的图纸上合理布局,通常是按信号的流向,采用左进右出的规律摆放各电路,并标出必要的说明。
菜单树(树数据结构+JSP页面递归调用构建菜单树)
在拿到设计稿时,作为一个前端人员,我们首先会做的应该是为设计图大致地划分区域,然后选择一种最合理的,结构清晰的布局。下面我先根据一些典型的网站案例列举一下几种常见的页面布局。 1、T型布局 这个是我们比较...
提出了一种基于简易网格的汉字结构的识别方法....以GB 2312中收录的左右结构和上下结构汉字作为样本进行实验,左右结构正确识别率为92.7%,上下结构正确识别率为92.3%.该方法为汉字结构信息化提供了一种研究途径.
不管是左是右,反正就是一边宽度固定,一边宽度自适应。 这种布局比较常见,博客园很多默认主题就是这种。一般情况下,这种布局中宽度固定的区域是侧边栏,而自适应的区域是主体内容区——相信把侧边栏搞成自适应的...
下图中的ABAB结构两个器件的质心没有完全对准,应避免使用。ABBA结构虽然需要加Dummy器件,但其可以很好的减小应力诱发失配的影响。 当很多多晶电阻并排摆放时,在阵列边缘的电阻条会受到刻蚀速率变化的...
源文件\01 presentation.html ----第1章表现和结构相分离的示例。 源文件\02 menu1_heng.html ----第2章和第9章的横向菜单。 menu1_zong.html ----第2章中的纵向菜单。 menu1_zong-xiu.html ----第9...
按钮的样式多种多样,系统默认样式为左右结构,图片在左边,文字在右边。系统按钮完全无法满足开发的需求,我们只能自己定制出想要的样式。 在这里分享一个自定义按钮,文字图片位置随意定制的demo给大家。源码...
将样式编写到外部样式表中,可以在不同的页面中使用同一个样式表,完全将表现和结构分离,方便后期的维护,推荐使用的方式 编写的位置 1.内联样式 将样式编写到标签的style属性中 ;"> 这种样式只会对当前...