如何在android中的seekbar上方添加垂直线 [英] How to add vertical lines above seekbar in android
本文介绍了如何在android中的seekbar上方添加垂直线的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我是android的新手，我有一个小目标要实现.
I am new in android and I have a small goal to achieve.
我想创建一个完全像这样的搜索栏，我知道如何使用普通搜索栏，但是不知道在搜索栏上方添加垂直线.
I want to create a seekbar exact like that, I know how to work with normal seekbar but don't have any idea to add those vertical lines above seekbar.
您能为此提供解决方案吗?预先感谢.
can you provide me solution for this? Thanks in advance.
推荐答案
xml文件
xml file
<LinearLayout
android:layout_width="match_parent"
android:layout_height="10dp"
android:orientation="horizontal">
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center">
<View
android:id="@+id/view1"
android:layout_width="3dp"
android:layout_height="match_parent"
android:background="#000000" />
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center">
<View
android:id="@+id/view2"
android:layout_width="3dp"
android:layout_height="match_parent"
android:background="#000000" />
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center">
<View
android:id="@+id/view3"
android:layout_width="3dp"
android:layout_height="match_parent"
android:background="#000000" />
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center">
<View
android:id="@+id/view4"
android:layout_width="3dp"
android:layout_height="match_parent"
android:background="#000000" />
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center">
<View
android:id="@+id/view5"
android:layout_width="3dp"
android:layout_height="match_parent"
android:background="#000000" />
</LinearLayout>
</LinearLayout>
<SeekBar
android:id="@+id/seekbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp" />
</LinearLayout>
Java文件
public class SampleActivity extends AppCompatActivity {
private SeekBar seekBar;
private View view1;
private View view2;
private View view3;
private View view4;
private View view5;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.sample);
initView();
}
private void initView() {
seekBar = (SeekBar) findViewById(R.id.seekbar);
view1 = findViewById(R.id.view1);
view2 = findViewById(R.id.view2);
view3 = findViewById(R.id.view3);
view4 = findViewById(R.id.view4);
view5 = findViewById(R.id.view5);
seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
@Override
public void onProgressChanged(SeekBar seekBar, int i, boolean b) {
changeColor(i);
}
@Override
public void onStartTrackingTouch(SeekBar seekBar) {
}
@Override
public void onStopTrackingTouch(SeekBar seekBar) {
}
});
}
private void changeColor(final int i) {
if (i == 0) {
view1.setBackgroundColor(ContextCompat.getColor(this, R.color.black));
view2.setBackgroundColor(ContextCompat.getColor(this, R.color.black));
view3.setBackgroundColor(ContextCompat.getColor(this, R.color.black));
view4.setBackgroundColor(ContextCompat.getColor(this, R.color.black));
view5.setBackgroundColor(ContextCompat.getColor(this, R.color.black));
} else if (i > 0 && i <= 20) {
view1.setBackgroundColor(ContextCompat.getColor(this, R.color.green));
view2.setBackgroundColor(ContextCompat.getColor(this, R.color.black));
view3.setBackgroundColor(ContextCompat.getColor(this, R.color.black));
view4.setBackgroundColor(ContextCompat.getColor(this, R.color.black));
view5.setBackgroundColor(ContextCompat.getColor(this, R.color.black));
} else if (i > 20 && i <= 40) {
view1.setBackgroundColor(ContextCompat.getColor(this, R.color.green));
view2.setBackgroundColor(ContextCompat.getColor(this, R.color.green));
view3.setBackgroundColor(ContextCompat.getColor(this, R.color.black));
view4.setBackgroundColor(ContextCompat.getColor(this, R.color.black));
view5.setBackgroundColor(ContextCompat.getColor(this, R.color.black));
} else if (i > 40 && i <= 60) {
view1.setBackgroundColor(ContextCompat.getColor(this, R.color.green));
view2.setBackgroundColor(ContextCompat.getColor(this, R.color.green));
view3.setBackgroundColor(ContextCompat.getColor(this, R.color.green));
view4.setBackgroundColor(ContextCompat.getColor(this, R.color.black));
view5.setBackgroundColor(ContextCompat.getColor(this, R.color.black));
} else if (i > 60 && i <= 80) {
view1.setBackgroundColor(ContextCompat.getColor(this, R.color.green));
view2.setBackgroundColor(ContextCompat.getColor(this, R.color.green));
view3.setBackgroundColor(ContextCompat.getColor(this, R.color.green));
view4.setBackgroundColor(ContextCompat.getColor(this, R.color.green));
view5.setBackgroundColor(ContextCompat.getColor(this, R.color.black));
} else if (i > 80 && i <= 100) {
view1.setBackgroundColor(ContextCompat.getColor(this, R.color.green));
view2.setBackgroundColor(ContextCompat.getColor(this, R.color.green));
view3.setBackgroundColor(ContextCompat.getColor(this, R.color.green));
view4.setBackgroundColor(ContextCompat.getColor(this, R.color.green));
view5.setBackgroundColor(ContextCompat.getColor(this, R.color.green));
}
}
}
color.xml
<color name="green">#29BC4F</color>
<color name="black">#000000</color>
这篇关于如何在android中的seekbar上方添加垂直线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
