2017-12-07 12 views
0

Discrete Seekbarの各目盛りの上にテキストを均等に配布するにはどうすればよいですか?Androidで個別のシークバーティックにTextViewを均等に配布する方法は?

は、これは私がやっている方法です:

<SeekBar 
      android:id="@+id/sb_task_detail_status" 
      style="@style/Widget.AppCompat.SeekBar.Discrete" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_alignParentBottom="true" 
      android:max="4" 
      android:progress="0" /> 

     <TableLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:stretchColumns="*" 
      android:layout_above="@+id/sb_task_detail_status" 
      android:layout_alignStart="@+id/sb_task_detail_status"> 

      <TableRow 
       android:id="@+id/statusRow" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent"> 
       <TextView 
        android:id="@+id/tv_task_status_newly_developed" 
        android:layout_height="wrap_content" 
        android:layout_width="wrap_content" 
        android:layout_column="1" 
        android:textColor="@android:color/white" 
        android:textSize="10sp" 
        android:text="Newly Developed"/> 
       <TextView 
        android:id="@+id/tv_task_status_developed" 
        android:layout_height="wrap_content" 
        android:layout_width="wrap_content" 
        android:layout_column="2" 
        android:textSize="10sp" 
        android:textColor="@android:color/white" 
        android:text="Developed"/> 
       <TextView 
        android:id="@+id/tv_task_status_in_progress" 
        android:layout_height="wrap_content" 
        android:layout_width="wrap_content" 
        android:layout_column="3" 
        android:textSize="10sp" 
        android:textColor="@android:color/white" 
        android:text="In Progress"/> 
       <TextView 
        android:id="@+id/tv_task_status_completed" 
        android:layout_height="wrap_content" 
        android:layout_width="wrap_content" 
        android:layout_column="4" 
        android:textSize="10sp" 
        android:textColor="@android:color/white" 
        android:text="Completed"/> 
       <TextView 
        android:id="@+id/tv_task_status_submitted" 
        android:layout_height="wrap_content" 
        android:layout_width="wrap_content" 
        android:layout_column="5" 
        android:textSize="10sp" 
        android:textColor="@android:color/white" 
        android:text="Submitted"/> 
      </TableRow> 

     </TableLayout> 

をそして、これは私が得た結果である:一つだけのTextViewを一度に見ることができます

enter image description here

注進捗に応じて、 。

答えて

0

layout_width="0dp"を試したことがありますか?このように各TextViewに

EDIT ため

android:layout_width="0dp" 
android:layout_weight="1" 

私はこのXMLを使用し、それは誰が誰のために

<?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="match_parent" 
android:orientation="vertical" 
> 
<SeekBar 
    android:id="@+id/sb_task_detail_status" 
    style="@style/Widget.AppCompat.SeekBar.Discrete" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:max="4" 
    android:progress="0" /> 

<TableLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:stretchColumns="*" 
    android:layout_above="@+id/sb_task_detail_status" 
    android:layout_alignStart="@+id/sb_task_detail_status"> 

    <TableRow 
     android:id="@+id/statusRow" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 
     <TextView 
      android:id="@+id/tv_task_status_newly_developed" 
      android:layout_height="wrap_content" 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_column="0" 
      android:textColor="@android:color/white" 
      android:textSize="10sp" 
      android:text="Newly Developed"/> 
     <TextView 
      android:id="@+id/tv_task_status_developed" 
      android:layout_height="wrap_content" 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_column="1" 
      android:textSize="10sp" 
      android:textColor="@android:color/white" 
      android:text="Developed"/> 
     <TextView 
      android:id="@+id/tv_task_status_in_progress" 
      android:layout_height="wrap_content" 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_column="2" 
      android:textSize="10sp" 
      android:textColor="@android:color/white" 
      android:text="In Progress"/> 
     <TextView 
      android:id="@+id/tv_task_status_completed" 
      android:layout_height="wrap_content" 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_column="3" 
      android:textSize="10sp" 
      android:textColor="@android:color/white" 
      android:text="Completed"/> 
     <TextView 
      android:id="@+id/tv_task_status_submitted" 
      android:layout_height="wrap_content" 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_column="4" 
      android:textSize="10sp" 
      android:textColor="@android:color/white" 
      android:text="Submitted"/> 
    </TableRow> 

</TableLayout> 

EDIT 2 均等にスペースを分割しますTexviewsをdisで均等に配布したいcrete seekbar、here'sそれを達成するためのすべての手順を説明する素敵なチュートリアル。

+0

はい私は試しても、それはうまくいきませんでした。 –

+0

私の編集した答えを確認してください – dalla92

+0

先生、私はすでにこれを試しました。私は各目盛(ドット)の上にテキストを表示したい。 –

関連する問題