android有带箭头的按钮控件吗?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了android有带箭头的按钮控件吗?相关的知识,希望对你有一定的参考价值。

android有带箭头的按钮控件吗?
标题栏左边是返回的按钮,右边是设置的按钮

没有自带箭头的按钮,都是依靠图片。可以做一个箭头图片,然后按钮背景设置为这个图片就行了。
步骤:
1、在drawable下放入箭头图片arrow.png(http://www.jitu5.com/vector/201403/362739.html
2、按钮设置android:background="@drawable/arrow"
参考技术A 这种按钮一般是自定义的按钮,按钮形状和文字都是自定义的本回答被提问者采纳

如何将箭头控件设置为自定义按钮

【中文标题】如何将箭头控件设置为自定义按钮【英文标题】:How to Set arrow controls to a custom button 【发布时间】:2019-07-08 10:35:30 【问题描述】:

我将react-slick 添加到我的项目中以显示carousel。 我想使用位于滑块内容顶部的自定义下一个和上一个按钮来控制我的滑块。所以我遵循了自定义箭头文档,但我不想在光滑的内容中显示我的按钮,我想将控件提供给滑块内容上方的按钮。如何做到这一点? 我包含了我创建的组件中的代码。

import React from 'react';
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
import Slider from "react-slick";
import  styled  from '@material-ui/styles';
import Button from '@material-ui/core/Button';

function SampleNextArrow(props) 
  const  onClick  = props;
  return (
    <React.Fragment>
      <Button
        onClick=onClick className="slickRight">
        Next
      </Button>
    </React.Fragment>
  );

function SamplePrevArrow(props) 
  const  onClick  = props;
  return (
    <React.Fragment>
      <Button
        onClick=onClick className="slickLeft">
        Prev
      </Button>
    </React.Fragment>
  );


class App extends React.Component 
  constructor(props) 
    super(props);
    this.state = 
  
  render() 
    var settings = 
      infinite: true,
      speed: 500,
      slidesToShow: 4,
      slidesToScroll: 1,
      nextArrow: <SampleNextArrow />,
      prevArrow: <SamplePrevArrow />,
    ;
    return (
      <div>
        /*Want to Add Control to this Buttons*/
        <Button>Prev</Button>
        <Button>Next</Button>
        
        <div className="container">
          <Slider ...settings>
            <div>
              <h3>1</h3>
            </div>
            <div>
              <h3>2</h3>
            </div>
            <div>
              <h3>3</h3>
            </div>
          </Slider>
        </div>
      </div>
    );
  


export default App;

【问题讨论】:

【参考方案1】:

这里你可以通过使用 react useRef Hook 来实现这里是实际的代码:

import React,  useRef  from "react";
import Slider from "react-slick";
 
const SliderComponent = () => 
 const slider = useRef();
  
  const next = () => 
   slider.current.slickNext();
 ;
  const previous = () => 
   slider.current.slickPrev();
 ; 
  
  const settings = 
    dots: false,
    infinite: true,
    speed: 500,
    slidesToShow: 2,
    slidesToScroll: 1,
    autoplaySpeed: 3000,
    arrows: false,
  
  responsive: [
   
    breakpoint: 1024,
    settings: 
      slidesToShow: 2,
      slidesToScroll: 2,
      infinite: true,
      dots: true,
    ,
  ,
  
    breakpoint: 768,
    settings: 
      slidesToShow: 1,
      slidesToScroll: 1,
    ,
  ,
 ],
;
  return(
     <div>
       <button  onClick=previous> Prev Button </button>
        <Slider ref=(c) => (slider.current = c) ...settings>
            <div>Slide 1</div>
            <div>Slide 2</div>
            <div>Slide 3</div>
            <div>Slide 4</div>
            <div>Slide 5</div>
        </Slider>
      <button onClick=next> Next Button </button>
   </div>            
   )   

【讨论】:

【参考方案2】:

Nandhini,您必须在使用该软件包之前阅读文档一次。

官方文档中已经有这个方法了 https://react-slick.neostack.com/docs/example/previous-next-methods

使用它。

【讨论】:

以上是关于android有带箭头的按钮控件吗?的主要内容,如果未能解决你的问题,请参考以下文章

Android——基于ConstraintLayout实现的可拖拽位置控件

android的spinner控件能不能改成只有一个向下的箭头

android怎么把3.0自带日历控件calendarview每个日期按钮设置事件,如跳转之类的。

android开发中怎么控件按钮不让用户频繁的点击

android开发中怎么控件按钮不让用户频繁的点击

Android自定义控件1--自定义控件介绍