Ticker---若只如初见---一个显示滚动文字的UI控件

Ticker是一款非常强大的,可扩展的一个自定义的显示滚动文字的控件,他由Robinhood(罗宾侠)工程师团队创建的UI控件.

Ticker处理了字符切换与数字增长的动画。他具有以下优点:

高性能:动画不会导致任何卡顿,尤其是在滚动和滑动的时候。
低内存消耗:比如:不能使用多个View。
可插入:核心逻辑应该被合理的封装,这样UI模块可以在不同的地方重用。
简单,可扩展的API:只需定义文字的渲染和动画方式。
尽可能低的Android SDK version需求。
现在来看一个展示价格的小例子:(效果图)
这里写图片描述
怎么样是不是很炫很酷很想试一试:

那么接下来,我们就来一起做个Demo吧!!
首先:建一个AndroidStudio项目
第二步:将Ticker第三方jar包在app的build.gradle中依赖如下图
这里写图片描述
第三步:将Ticker加入到MainActivity的布局文件中如下图:

这里写图片描述
第四步:在Activity中引入控件并实现控制显示逻辑:代码如下(已经精心排序,爱心注释,不啰嗦了)

public class MainActivity extends AppCompatActivity {  

    private static final char[] CURRENCY_LIST = TickerUtils.getDefaultListForUSCurrency();//文本类型为:通用类型  

    protected static final Random RANDOM = new Random(System.currentTimeMillis());//当前毫秒数范围类的随机数  

    private TickerView tickerView;  

    private Handler handler = new Handler();//定义一个handle用来启动线程来动态更新UI  

    private boolean resumed;//定义一个开关:是否可以开始动态改变Ticker上的text  

    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  

        tickerView= (TickerView) findViewById(R.id.tickerView);  
        tickerView.setCharacterList(CURRENCY_LIST);//设置显示文字类型:通用  


        tickerView.setTextSize(56);//设置文字大小,自己经验:jar包导入推荐使用代码设置文字大小  
        tickerView.setAnimationDuration(500);//设置动画持续时间  
        tickerView.setAnimationInterpolator(new OvershootInterpolator());//设置动画插值器  
        tickerView.setGravity(Gravity.CENTER);//设置对齐方式  
    }  

    @Override  
    protected void onResume() {  
        super.onResume();  
        resumed = true;//打开开关  
        handler.post(createRunnable());//启动更新UI的线程  
    }  

    /**  
     * 递归  
     * 创建Runnable对象(动态延迟)  
     * @return  
     */  
    private Runnable createRunnable() {  
        return new Runnable() {  
            @Override  
            public void run() {  
                onUpdate();//更新UI  
                if (resumed) {  
                    handler.postDelayed(createRunnable(), RANDOM.nextInt(1750) + 250);  
                }  
            }  
        };  
    }  
    /**  
     * 更新界面显示  
     *  
     */  
    protected void onUpdate() {  
        final int digits = RANDOM.nextInt(2) + 6;//将digits(字符长度)限定在[6,8]内  

        tickerView.setText("$"+getRandomNumber(digits));  

    }  



    /**  
     * 将数值通过固定算法并转化成字符串  
     * @param digits  
     * @return  
     */  
    protected String getRandomNumber(int digits) {  
        final String currencyFloat = Float.toString(RANDOM.nextFloat() * 1000);//价格显示范围在1000$内  
        final String showText = currencyFloat.substring(0,  digits-1);//在[0,digits)之间取一个子字符串  
        return showText;  
    }  

    @Override  
    protected void onPause() {  
        resumed = false;//关闭开关  
        super.onPause();  
    }  

}  

也可以通过导入moudle的方式实现,同理:
相关优秀网页介绍—-泡在网上的日子:http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2016/0726/4527.html
github上源码和实例:https://github.com/robinhood/ticker
就这样吧…

好的,以下是一个STM32与HC-SR04通信的代码示例: ``` #include "stm32f10x.h" #include "stm32f10x_gpio.h" #include "stm32f10x_tim.h" #define Echo_Pin GPIO_Pin_2 #define Echo_Port GPIOA #define Trig_Pin GPIO_Pin_1 #define Trig_Port GPIOA volatile uint16_t time = 0; // 用于计算回声脉冲的时间 void RCC_Configuration(void) { RCC_APB2PeriphClockCmd(RCC_APB2Periph_GPIOA, ENABLE); } void GPIO_Configuration(void) { GPIO_InitTypeDef GPIO_InitStructure; GPIO_InitStructure.GPIO_Pin = Trig_Pin; GPIO_InitStructure.GPIO_Mode = GPIO_Mode_Out_PP; GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz; GPIO_Init(Trig_Port, &GPIO_InitStructure); GPIO_InitStructure.GPIO_Pin = Echo_Pin; GPIO_InitStructure.GPIO_Mode = GPIO_Mode_IN_FLOATING; GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz; GPIO_Init(Echo_Port, &GPIO_InitStructure); GPIO_ResetBits(Trig_Port, Trig_Pin); // 置 Trig 引脚为低电平 } void TIM_Configuration(void) { TIM_TimeBaseInitTypeDef TIM_TimeBaseStructure; TIM_ICInitTypeDef TIM_ICInitStructure; NVIC_InitTypeDef NVIC_InitStructure; RCC_APB1PeriphClockCmd(RCC_APB1Periph_TIM2, ENABLE); TIM_TimeBaseStructure.TIM_Period = 0xFFFF; TIM_TimeBaseStructure.TIM_Prescaler = 71; TIM_TimeBaseStructure.TIM_ClockDivision = TIM_CKD_DIV1; TIM_TimeBaseStructure.TIM_CounterMode = TIM_CounterMode_Up; TIM_TimeBaseInit(TIM2, &TIM_TimeBaseStructure); TIM_ICInitStructure.TIM_Channel = TIM_Channel_3; TIM_ICInitStructure.TIM_ICPolarity = TIM_ICPolarity_Rising; TIM_ICInitStructure.TIM_ICSelection = TIM_ICSelection_DirectTI; TIM_ICInitStructure.TIM_ICPrescaler = TIM_ICPSC_DIV1; TIM_ICInitStructure.TIM_ICFilter = 0x0; TIM_ICInit(TIM2, &TIM_ICInitStructure); NVIC_InitStructure.NVIC_IRQChannel = TIM2_IRQn; NVIC_InitStructure.NVIC_IRQChannelPreemptionPriority = 0; NVIC_InitStructure.NVIC_IRQChannelSubPriority = 1; NVIC_InitStructure.NVIC_IRQChannelCmd = ENABLE; NVIC_Init(&NVIC_InitStructure); TIM_Cmd(TIM2, ENABLE); TIM_ITConfig(TIM2, TIM_IT_CC3, ENABLE); } void Trig_HC_SR04(void) { GPIO_SetBits(Trig_Port, Trig_Pin); // 置 Trig 引脚为高电平 delay_us(15); // 延时 15us GPIO_ResetBits(Trig_Port, Trig_Pin); // 置 Trig 引脚为低电平 } float Get_Distance(void) { float distance = 0; time = 0; Trig_HC_SR04(); // 触发 HC-SR04 中的一次测距 while (!GPIO_ReadInputDataBit(Echo_Port, Echo_Pin)) {} // 等待 HC-SR04 的回声脉冲 TIM_SetCounter(TIM2, 0); // 重置定时器的计数器 TIM_Cmd(TIM2, ENABLE); // 启动定时器计数 while (GPIO_ReadInputDataBit(Echo_Port, Echo_Pin)) {} // 等待 HC-SR04 的回声脉冲结束 TIM_Cmd(TIM2, DISABLE); // 关闭定时器计数 distance = (float) time / 58; // 计算距离 return distance; } int main(void) { RCC_Configuration(); GPIO_Configuration(); TIM_Configuration(); while (1) { float distance = Get_Distance(); printf("Distance: %.2fcm\n", distance); delay_ms(500); // 每隔500ms获取一次距离 } } void TIM2_IRQHandler(void) { if (TIM_GetITStatus(TIM2, TIM_IT_CC3) == SET) { time = TIM_GetCapture3(TIM2); // 获取定时器计数器的当前值 TIM_ClearITPendingBit(TIM2, TIM_IT_CC3); // 清除定时器 CC3 中断标志位 } } void delay_us(uint32_t us) { uint32_t ticker = us * 8; while (ticker--); } void delay_ms(uint32_t ms) { while (ms--) { delay_us(1000); } } ``` 此代码用于控制STM32与超声波测距模块HC-SR04进行通信。它通过定时器TIM2来计算超声波回声脉冲的时间,然后根据时间计算出距离。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值