您好,登录后才能下订单哦!
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
今天就跟大家聊聊有关Android开发中怎么自定义时间轴,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
具体内容如下
时间轴效果,实际上非常简单,就是listView中一个又一个的条目而已….大家可以只关注一个条目。
首先展示一个条目的布局效果
<?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="75dp" android:orientation="horizontal" > <!-- 线条部分 --> <LinearLayout android:layout_width="wrap_content" android:layout_height="match_parent" android:gravity="center_horizontal" android:orientation="vertical" android:paddingLeft="30dp" > <View android:layout_width="3dp" android:layout_height="20dp" android:background="#88000000" /> <com.example.time.TimeView android:src="@drawable/ic_launcher" android:id="@+id/timeView" android:layout_width="40dp" android:layout_height="40dp" /> <View android:layout_width="3dp" android:layout_height="40dp" android:background="#88000000" /> </LinearLayout> <!-- 文字部分 --> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:paddingLeft="30dp" android:paddingRight="30dp" android:paddingTop="20dp" > <TextView android:id="@+id/tv_content" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="哈哈哈" android:textColor="#ABABAB" /> <TextView android:id="@+id/tv_time" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/tv_content" android:text="时间" android:textColor="#ABABAB" /> </LinearLayout> </LinearLayout>
接下来看一下自定义的TimeView如何书写
package com.example.time; import java.util.Random; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Paint.Style; import android.graphics.Rect; import android.util.AttributeSet; import android.view.View; public class TimeView extends View { private Random random; private String time; private Rect mBounds = new Rect(); private int rgb; public TimeView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); initView(); } public TimeView(Context context, AttributeSet attrs) { super(context, attrs); initView(); } public TimeView(Context context) { super(context); initView(); } private void initView() { random = new Random(); //定义颜色---这里纯粹为了好玩--大家定义的时候可以在自定义控件外边定义,将颜色传递进来 rgb = Color.rgb(100+random.nextInt(155), 100+random.nextInt(155), random.nextInt(100+155)); } public void setTime(String time) { this.time = time; invalidate(); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); Paint paint = new Paint(); paint.setColor(rgb); paint.setAntiAlias(true); paint.setStyle(Style.FILL_AND_STROKE); //先绘制圆 canvas.drawCircle(getWidth() / 2, getHeight() / 2, getWidth() / 2, paint); paint = new Paint(); paint.setColor(Color.BLACK); paint.setTextSize(30); paint.getTextBounds(time, 0, time.length(), mBounds); float textWidth = mBounds.width(); float textHeight = mBounds.height(); //再绘制文字 canvas.drawText(time, getWidth() / 2 - textWidth / 2, getHeight() / 2 + textHeight / 2, paint); } }
看一下Activity中的代码–就是一个ListView的效果展示
public class MainActivity extends Activity { private ListView listView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); listView = (ListView) findViewById(R.id.listView); initData(); listView.setAdapter(new MyBaseAdapter()); } class MyBaseAdapter extends BaseAdapter { @Override public int getCount() { return dataList.size(); } @Override public Object getItem(int arg0) { return dataList.get(arg0); } @Override public long getItemId(int arg0) { return arg0; } @Override public View getView(int arg0, View arg1, ViewGroup arg2) { View view = View.inflate(MainActivity.this, R.layout.item, null); TextView tv_content = (TextView) view.findViewById(R.id.tv_content); TextView tv_time = (TextView) view.findViewById(R.id.tv_time); TimeView timeView = (TimeView) view.findViewById(R.id.timeView); timeView.setTime(dataList.get(arg0).getTime()); tv_content.setText(dataList.get(arg0).getContent()); tv_time.setText(dataList.get(arg0).getTime()); return view; } } ArrayList<DataBean> dataList = new ArrayList<DataBean>(); private void initData() { for (int i = 0; i < 20; i++) { dataList.add(new DataBean("哈哈哈哈" + i, "25/10")); } } }
看完上述内容,你们对Android开发中怎么自定义时间轴有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注亿速云行业资讯频道,感谢大家的支持。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。