title: Small Style Custom rating bar (readonly custom rating bar)
body: <p>I tried to create a custom rating bar. I don't use <code>style</code> because I only use this once. So, I created a <code>layer-list</code> in the <code>drawable</code> folder (its name is <code>custom_rating_bar.xml</code>):</p>
  
  <pre><code>&lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
    &lt;item
      android:id="@android:id/background"
      android:drawable="@drawable/custom_icon_empty"/&gt;
    &lt;item
      android:id="@android:id/secondaryProgress"
      android:drawable="@drawable/custom_icon_empty"/&gt;
    &lt;item
      android:id="@android:id/progress"
      android:drawable="@drawable/custom_icon"/&gt;
  &lt;/layer-list&gt;
  </code></pre>
  
  <p>And I use this code in the rating bar to use those icons:</p>
  
  <pre><code>android:progressDrawable="@drawable/custom_rating_bar"
  </code></pre>
  
  <p>My image size is standard (48x48 for mdpi, etc) and i use a <strong>small</strong> style rating bar :</p>
  
  <pre><code>style="?android:attr/ratingBarStyleSmall"
  </code></pre>
  
  <p>The problem is, i cant use <code>style="?android:attr/ratingBarStyleSmall"</code> together with <code>android:progressDrawable</code> (When i did this, the images will not shown). When i delete the style (<code>style="?android:attr/ratingBarStyleSmall"</code>) my rating bar become too big (the images are shown).</p>
  
  <p>This image show how big is it (i think the <strong>margin</strong> between image is also too much) :
  <img src="https://i.stack.imgur.com/4jjAi.png" alt="enter image description here"></p>
  
  <p>So, <strong>how to make my custom rating bar smaller?</strong> (as small as the default small style rating bar).</p>
  
  <p>And this custom rating bar is <strong>for show only</strong> (cant be changed by user).</p>
  
  <p>Thanks.</p>