android怎么自定義view繪制表格
本篇內容主要講解“android怎么自定義view繪制表格”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“android怎么自定義view繪制表格”吧!
成都創(chuàng)新互聯公司專業(yè)為企業(yè)提供阜新網站建設、阜新做網站、阜新網站設計、阜新網站制作等企業(yè)網站建設、網頁設計與制作、阜新企業(yè)網站模板建站服務，10余年阜新做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.graphics.Typeface;
import android.text.Layout;
import android.text.StaticLayout;
import android.text.TextPaint;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.View;
import androidx.annotation.Nullable;
import com.robot.common.entity.ScenicDetailInfo;
import com.robot.common.utils.PixelUtil;
/**
* 景區(qū)詳情門票信息表格
*
* @author ly
* date 2019/8/12 10:24
*/
public class TicketInfoView extends View {
private Paint pLine, pText;
//表格寬高
private int w, h;
//每一行的高度
private int rowH;
//表格線的寬度
private float tableLineW;
//豎線x坐標
private float vLine1x, vLine2x, vLine3x, vLine4x;
//橫線y坐標
private float hLine1y, hLine2y;
//每一列文字的x坐標（單列內居中）
private float textX1, textX2, textX3, textX4, textX5, textXEnd;
private static final String text1 = "市場價";
private static final String text2 = "單人出行";
private static final String text3 = "多人出行";
private static final String text4 = "持卡者";
private static final String text5 = "同行者";
private static final String text6 = "出行總人數";
private ScenicDetailInfo.TicketInfo ticketInfo;
private int tableLineColor = Color.parseColor("#FFB6B4C8");
private int textColorBlack = Color.parseColor("#FF232627");
private int textColorGray = Color.parseColor("#FF65657e");
private int textColorRed = Color.parseColor("#FFfa496a");
private int blackTextSize = PixelUtil.sp2px(14);
private int grayTextSize = PixelUtil.sp2px(12);
private int redTextSize = PixelUtil.sp2px(13);
//表格上半部分顏色
private int tableBgColorTop = Color.parseColor("#FFF6F5FF");
//表格下半部分顏色
private int tableBgColorBottom = Color.parseColor("#FFE9EAFF");
//表格高亮部分顏色
private int tableBgColorHighLight = Color.parseColor("#FF6066DD");
//三個有顏色的矩形區(qū)域
private RectF topRect, bottomRect, highLightRect;
private static final int radius = PixelUtil.dp2px(10);
//圓角矩形的Path
private Path pathRoundRect;
//頂部矩形的四個圓角
private static final float[] radiusTop = {radius, radius, radius, radius, 0f, 0f, 0f, 0f};
//底部矩形的四個圓角
private static final float[] radiusBottom = {0, 0, 0, 0, radius, radius, radius, radius};
private static final float[] radiusAll = {radius, radius, radius, radius, radius, radius, radius, radius};
//門票信息文字的高度
private int ticketInfoTextH;
//門票信息內間距
private final int ticketInfoTextPadding = PixelUtil.dp2px(5);
private StaticLayout ticketTextStaticLayout;
private TextPaint ticketTextPaint;
private int ticketTextH;
public TicketInfoView(Context context) {
this(context, null);
}
public TicketInfoView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public TicketInfoView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
tableLineW = PixelUtil.dp2px(1.0f);
pLine = new Paint();
pLine.setAntiAlias(true);
pLine.setStrokeWidth(tableLineW);
pText = new Paint();
pText.setAntiAlias(true);
pText.setTextAlign(Paint.Align.CENTER);
pathRoundRect = new Path();
topRect = new RectF();
bottomRect = new RectF();
highLightRect = new RectF();
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
w = MeasureSpec.getSize(widthMeasureSpec);
rowH = (int) (w * 0.134f);
computeH();
setMeasuredDimension(w, h);
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
super.onLayout(changed, left, top, right, bottom);
vLine1x = 1 / 5f * w;
vLine2x = 2 / 5f * w;
vLine3x = 3 / 5f * w;
vLine4x = 4 / 5f * w;
hLine1y = rowH;
hLine2y = rowH * 2;
textX1 = vLine1x / 2;
textX2 = vLine1x + (vLine2x - vLine1x) / 2;
textX3 = vLine2x + (vLine3x - vLine2x) / 2;
textX4 = vLine3x + (vLine4x - vLine3x) / 2;
textX5 = vLine4x + (w - vLine4x) / 2;
textXEnd = w / 2f;
topRect.right = w;
topRect.bottom = rowH * 3;
bottomRect.top = topRect.bottom;
bottomRect.right = w;
bottomRect.bottom = topRect.bottom + ticketTextH;
highLightRect.left = vLine2x;
highLightRect.top = hLine1y;
highLightRect.right = vLine3x;
highLightRect.bottom = topRect.bottom;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
pathRoundRect.reset();
pLine.setStyle(Paint.Style.FILL);
pLine.setColor(tableBgColorTop);
if (hasTicketInfo()) {
//畫頂部矩形
pathRoundRect.addRoundRect(topRect, radiusTop, Path.Direction.CW);
canvas.drawPath(pathRoundRect, pLine);
//畫底部矩形
pathRoundRect.reset();
pathRoundRect.addRoundRect(bottomRect, radiusBottom, Path.Direction.CW);
pLine.setColor(tableBgColorBottom);
} else {//無門票說明則只畫上部分表格
pathRoundRect.addRoundRect(topRect, radiusAll, Path.Direction.CW);
}
canvas.drawPath(pathRoundRect, pLine);
//畫高亮部分矩形
pLine.setColor(tableBgColorHighLight);
canvas.drawRect(highLightRect, pLine);
//四根豎線
pLine.setColor(tableLineColor);
pLine.setStrokeWidth(tableLineW / 2);
canvas.drawLine(vLine1x, 0, vLine1x, topRect.bottom, pLine);
canvas.drawLine(vLine2x, 0, vLine2x, topRect.bottom, pLine);
canvas.drawLine(vLine3x, hLine1y, vLine3x, topRect.bottom, pLine);
canvas.drawLine(vLine4x, hLine1y, vLine4x, topRect.bottom, pLine);
//兩根橫線
canvas.drawLine(vLine1x, hLine1y, w, hLine1y, pLine);
canvas.drawLine(0, hLine2y, w, hLine2y, pLine);
pText.setColor(textColorBlack);
pText.setTextSize(blackTextSize);
pText.setTypeface(getTypeface());
//計算baseline
float baseline = hLine2y / 2 + getTextDis();
//市場價 黑色大字
canvas.drawText(text1, textX1, baseline, pText);
//第一行黑色大字
baseline = hLine1y / 2 + getTextDis();
canvas.drawText(text2, textX2, baseline, pText);
canvas.drawText(text3, vLine2x + (w - vLine2x) / 2, baseline, pText);
//第二行小字
baseline = hLine1y + (hLine2y - hLine1y) / 2 + getTextDis();
pText.setTextSize(grayTextSize);
canvas.drawText(text4, textX2, baseline, pText);
canvas.drawText(text5, textX4, baseline, pText);
canvas.drawText(text6, textX5, baseline, pText);
pText.setColor(Color.WHITE);
canvas.drawText(text4, textX3, baseline, pText);
//第三行 畫價格、隨行人數
if (ticketInfo != null) {
pText.setTextSize(redTextSize);
pText.setColor(textColorBlack);
baseline = hLine2y + (topRect.bottom - hLine2y) / 2 + getTextDis();
//市場價
canvas.drawText(limitTextLength(ticketInfo.price), textX1, baseline, pText);
//出行總人數
canvas.drawText(limitTextLength(ticketInfo.discounts_num), textX5, baseline, pText);
//持卡者、同行者價格
pText.setColor(Color.WHITE);
canvas.drawText(limitTextLength(ticketInfo.discounts_member), textX3, baseline, pText);
pText.setColor(textColorRed);
canvas.drawText(limitTextLength(ticketInfo.single), textX2, baseline, pText);
canvas.drawText(limitTextLength(ticketInfo.discounts), textX4, baseline, pText);
//底部門票說明
if (hasTicketInfo() && ticketTextStaticLayout != null) {
canvas.save();
//設定文字開始繪制的坐標，該坐標對應文字的left,top
canvas.translate(ticketInfoTextPadding, topRect.bottom + ticketInfoTextPadding + (bottomRect.bottom - bottomRect.top - ticketInfoTextH - 2 * ticketInfoTextPadding) / 2);
ticketTextStaticLayout.draw(canvas);
canvas.restore();
}
}
}
private void computeH() {
if (hasTicketInfo() && w > 2 * ticketInfoTextPadding) {
if (ticketTextPaint == null) {
ticketTextPaint = new TextPaint();
ticketTextPaint.setColor(textColorGray);
ticketTextPaint.setTextSize(redTextSize);
ticketTextPaint.setAntiAlias(true);
}
//此處每次都創(chuàng)建新對象來獲取ticket_info最新值
ticketTextStaticLayout = new StaticLayout(ticketInfo.ticket_info, ticketTextPaint, w - 2 * ticketInfoTextPadding, Layout.Alignment.ALIGN_CENTER, 1.1F, 1.1F, true);
ticketInfoTextH = ticketTextStaticLayout.getHeight();
h = (int) (0.4 * w) + ticketTextH;
} else {
h = (int) (0.4 * w);
}
ticketTextH = Math.max((ticketInfoTextH + ticketInfoTextPadding * 2), rowH);
h = hasTicketInfo() ? (int) (0.4 * w) + ticketTextH : (int) (0.4 * w);
}
private Typeface getTypeface() {
Typeface roboto = Typeface.create("sans-serif-medium", Typeface.NORMAL);
if (roboto == null || roboto.getStyle() == Typeface.NORMAL)
roboto = Typeface.DEFAULT_BOLD;
return roboto;
}
/**
* 設置pText的字體大小等屬性時，更新文字居中距離
*
* @return 文字居中的y坐標
*/
private float getTextDis() {
Paint.FontMetrics fontMetrics = pText.getFontMetrics();
return (fontMetrics.bottom - fontMetrics.top) / 2 - fontMetrics.bottom;
}
/**
* ticketInfo為后臺返回的數據模型，此處不再貼出
*/
public void setTicketInfo(ScenicDetailInfo.TicketInfo ticketInfo) {
this.ticketInfo = ticketInfo;
if (ticketInfo != null) {
computeH();
//重新layout，確定view的繪制區(qū)域
requestLayout();
} else {
invalidate();
}
}
private String limitTextLength(String src) {
if (!TextUtils.isEmpty(src) && src.length() > 5)
src = src.substring(0, 5) + "...";
return src;
}
private boolean hasTicketInfo() {
return ticketInfo != null && !TextUtils.isEmpty(ticketInfo.ticket_info);
}
}到此，相信大家對“android怎么自定義view繪制表格”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！
文章標題：android怎么自定義view繪制表格
標題路徑：http://jinyejixie.com/article24/jjjgce.html
成都網站建設公司_創(chuàng)新互聯，為您提供虛擬主機、網站內鏈、服務器托管、做網站、企業(yè)建站、云服務器
聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯
- 做企業(yè)網站制作需要考慮哪些方方面面 2022-12-18
- 成都企業(yè)網站制作怎么實現快速收錄？ 2022-12-28
- 南陽企業(yè)網站制作：制作網站時應該如何布局？ 2021-08-17
- 企業(yè)網站制作做好網站代碼精簡有利于優(yōu)化 2021-09-09
- 企業(yè)網站制作后期運營細節(jié) 2020-04-05
- 嘉定企業(yè)網站制作基礎三步驟 2020-11-19
- 企業(yè)網站制作有哪些弊端需避免? 2023-04-06
- 企業(yè)網站制作過程中的兩大錯誤做法 2021-08-23
- 如何讓企業(yè)網站制作更符合用戶的要求 2021-11-15
- 金華企業(yè)網站制作：你都知道哪些常見的網站類型？ 2021-12-01
- 湖北企業(yè)網站制作如何滿足要求？ 2020-12-23
- 企業(yè)網站制作所造成難以收錄的主因是什么 2022-10-20