Android 应用程序中的独立搜索栏？

Question

我想为 Android 应用程序创建一个搜索栏，允许用户选择 -5 到 5 之间的值（映射到“强烈不同意”和“强烈同意”）。如何制作具有离散值的搜索栏？或者我可以使用更好的 UI 小部件吗？

谢谢。

Answer 1

Seekbar 对于离散值非常有用。我们使用 Seekbar 来处理离散数据，如下所示。为了显示哪个项目被选中，我们只需更改所选文本视图的字体，使其更大。您还可以通过更改背景颜色或其他方式来突出显示。它运作得很好。您需要在搜索栏上调用 setMax(11)，然后在代码中需要在范围（0 到 11）和（-5 到 5）之间进行适当的转换。

 <LinearLayout 
           android:orientation="vertical"
           android:layout_width="fill_parent"
           android:layout_height="wrap_content"
           android:gravity="center_horizontal">
     <LinearLayout 
           android:orientation="horizontal"
           android:layout_width="fill_parent"
           android:layout_height="wrap_content"
           android:gravity="center_horizontal">
    <TextView android:text="-5"
            android:id="@+id/answerNegative5"
            android:textSize="25sp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    <TextView android:text="-4"
            android:id="@+id/answerNegative4"
            android:textSize="25sp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    <TextView android:text="-3"
            android:id="@+id/answerNegative3"
            android:textSize="25sp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    .....
  </LinearLayout>

  <SeekBar android:id="@+id/intensitySlider"
                    android:layout_weight="0"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content" />
</LinearLayout>

Answer 2

如果您想在不使用第三方库的情况下实现具有多个间隙的离散搜索栏，请使用搜索栏的样式属性。

<SeekBar
     android:id="@+id/sb"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:max="10"
     android:thumb="@drawable/ic_location"
     android:theme="@style/Widget.AppCompat.SeekBar.Discrete" />

Answer 3

我不知道这里有什么问题，您添加了一个范围为 0-10 的搜索栏。然后，如果从所选值中减去 -5，则可以将这些值映射到 -5。

编辑

将android:max="10"添加到xml定义中，您将获得固定大小的搜索栏。

您也许应该考虑添加一个文本视图来表示当前所选值的文本表示形式，例如：强烈不同意。
要更新此视图，请订阅 onProgressChanged 事件，progress 参数将为您提供所选的数字。

SeekBar s = (SeekBar) findViewById(R.id.SeekBar);
s.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {

                    @Override
                    public void onProgressChanged(SeekBar seekBar,
                            int progress, boolean fromUser) {
                                    }
}

Answer 4

只需使用材质组件库，例如：

<com.google.android.material.slider.Slider
    android:stepSize="1"
    android:valueFrom="-5"
    android:valueTo="5"
    />

Answer 5

我希望这段代码一定能对您有所帮助。
试试这个...

 float discrete = 0;
 float start = 0;
 float end = 100;
 float start_pos = 0;
 int start_position = 0;


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


     start = -10; //you need to give starting value of SeekBar 
     end = 10; //you need to give end value of SeekBar 
     start_pos = 5; //you need to give starting position value of SeekBar 

     start_position = (int)(((start_pos - start) / (end - start)) * 100);
     discrete = start_pos;
     SeekBar seek = (SeekBar) findViewById(R.id.seekBar1);
     seek.setProgress(start_position);
     seek.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {


         @Override
         public void onStopTrackingTouch(SeekBar seekBar) {
             // TODO Auto-generated method stub 
             Toast.makeText(getBaseContext(), "discrete = " + String.valueOf(discrete), Toast.LENGTH_SHORT).show();
         }


         @Override
         public void onStartTrackingTouch(SeekBar seekBar) {
             // TODO Auto-generated method stub 

         }


         @Override
         public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
             // TODO Auto-generated method stub 
             // To convert it as discrete value 
             float temp = progress;
             float dis = end - start;
             discrete = (start + ((temp / 100) * dis));

         }
     });
 }

Answer 6

第一步：将 maxVal 设置为 10；

第二步：

@Override
public void onProgressChanged(SeekBar seekBar, int progress,
        boolean fromUser) 
   {
    switch(seekBar.getId())
    {
    case R.id.mySeekBar:
        int prValue = progress - 5;
        editText.setText(String.valueOf(preValue));
        break;
    }
}

Answer 7

      <SeekBar
                android:id="@+id/seekbar"
                style="@style/SeekBarWithoutSteps"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="22dp"
                android:layout_marginRight="22dp"
                android:layout_marginTop="@dimen/margin_10"
                android:max="4"
                android:maxHeight="@dimen/margin_5"
                android:minHeight="@dimen/margin_5"
                android:paddingLeft="@dimen/margin_10"
                android:paddingRight="@dimen/margin_10"
                android:progressBackgroundTint="@color/colorGray"
                android:progressTint="@color/colorGreen"
                android:theme="@style/Widget.AppCompat.SeekBar.Discrete"
                android:thumb="@drawable/filled_green"
                android:thumbOffset="15dp" />